Change search
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf
HTML5-based Travel HabitApplication: Investigation of VectorWeb Mapping Possibilities
KTH, School of Architecture and the Built Environment (ABE), Urban Planning and Environment, Geodesy and Geoinformatics.
2013 (English)Independent thesis Advanced level (degree of Master (Two Years)), 20 credits / 30 HE creditsStudent thesisAlternative title
HTML5-baserad res-logg applikation:Undersökning av möjligheterna med vektor kartläggning (Swedish)
Abstract [en]

The subject of the report is to review and evaluate the potential for vector graphics in web maps. It ishoped that a web mapping only should display vector graphics. Compared to the traditional webmapping approach, that has raster tiles pre-rendered on the server side for each zoom level. Thedrawback with raster data is that it lacks in information content compared to vector data, which interms can contribute to a richer user interface. However, vector graphics, in comparison to raster datahave a complex data structure and are inefficient to handle such as raster data traditionally is managed.Thanks to new rendering techniques for vector graphics, such as by VML, SVG, but mainly throughthe canvas element, web maps can be improved since vector graphics can be drawn directly in theclient through the browser without the need to generate data on the server side and sent it to the client.By selecting three vector-based mobile mapping libraries that use HTML5, in particular the canvaselement, each library is examined and evaluated based on their ability to use vector graphics, bothperformance-wise, by randomly generating vector data on a map comprising of the world, but alsoaccording to a number of usability criteria. Thereafter, a mobile travel habit implementation isdeveloped based on one of the libraries that meets the criteria the best. The travel habit application isdesigned to register the user’s geographical movements and subsequently display the user’s completedtrip in terms of vector data on a map. The application is developed with the ASP.NET technique thatconsists of HTML, JavaScript and C# languages. Results show that each library is superior / comparesfavourably to the others for at least one of the assessment criteria. Based on the performance test forthe rendering of vector data, the Tile5 library performed best with a rendering time corresponding toapproximately half the time it took for the second best library Leaflet. However, since Tile5 indicatesdeficiencies in the documentation, Leaflet fits the overall established assessment criteria best and isselected for the implemented of the mobile application for travel habits. For future development, Tile5has the potential to become a useful and effective tool for vector web mapping and to compete withthe traditional mapping platforms that renders raster data.

Abstract [sv]

Motivet till rapporten är att granska och utvärdera möjligheterna för vektorgrafik i webbkartor,förhoppningen är att i en webbkarta endast visa vektorgrafik. Istället för på det traditionella sättet medraster data som genererats färdigt på server-sidan för varje zoom-nivå av kartan. Nackdelen medrasterdata är att den är fattig på information jämfört med vektordata, som i sin tur kan bidra till ettrikare användargränssnitt. Dock har vektorgrafik jämfört med rasterdata en komplex datastruktur ochär ineffektivt att hantera så som rasterdata traditionellt görs.Tack vare nya rittekniker för vektorgrafik, så som genom VML, SVG men främst via canvaselementet, kan webbkartor förbättras i och med att vektorgrafik kan ritas upp direkt genom browserutan att behöva generera data på server-sidan. Genom att välja ut tre vektor-baserade utvecklingsbibliotek som använder sig utav HTML5 och speciellt canvas elementet, så undersöks och utvärderasrespektive bibliotek utifrån deras möjlighet att använda vektorgrafik, både prestandamässigt, genomatt slumpmässigt generera vektor data på en karta omfattande av hela världen, men också utifrån ettantal användbarhetskriterier. Därefter utvecklas en test implementation, d.v.s. en applikation för resvanor,baserat på den utav biblioteken som uppfyller kriterierna bäst. Res-vane applikationen ärinriktad på att registrera användarens geografiska rörelser och kan sedan visa användarens genomfördaresa i form av vektordata på en karta. Applikationen är utvecklad med ASP.NET tekniken som bestårutav HTML, JavaScript och C# språken. Resultatet från den empiriska undersökningen visar attkartbiblioteken utmärker sig på förmånligt men på olika områden. Utifrån prestandatestet förrendering av vektordata, presterade Tile5 bibliotek bäst med en renderingstid motsvarande ungefärhäften av tiden det tog för det näst bästa biblioteket, Leaflet. Dock ledde bristande dokumentation förTile5 till att Leaflet, till det stora hela sett, passade bedömningskriterierna bäst och kom attimplementeras i den mobila test applikationen för resvanor. För framtida utvecklings, har Tile5potential att utvecklas till ett användbart och effektivt verktyg för vektorkartläggning och för attkonkurrera med traditionella webbkartor som renderar rasterdata.

Place, publisher, year, edition, pages
2013. , 47 p.
Series
TRITA-GIT EX, ISSN ISSN 1653-5227 ; 13-006
Keyword [en]
HTML5, canvas, vector graphics, web maps, GIS, Leaflet, Cartagen, Tile5, mobile application
National Category
Other Civil Engineering
Identifiers
URN: urn:nbn:se:kth:diva-126937ISRN: KTH/GIT/EX--13/006-SEOAI: oai:DiVA.org:kth-126937DiVA: diva2:642663
External cooperation
WSP group
Subject / course
Geoinformatics
Educational program
Master of Science in Engineering - Urban Management
Supervisors
Examiners
Available from: 2013-08-26 Created: 2013-08-22 Last updated: 2013-08-26Bibliographically approved

Open Access in DiVA

fulltext(1791 kB)690 downloads
File information
File name FULLTEXT01.pdfFile size 1791 kBChecksum SHA-512
fbc9a801adb7677eb726eb455ddbd8dbd7eb8824507c1288b504b5eb75c7c1aae6944a14e8ef885a1da4c06c5c4869df60363e062e2d5742742a143777980d41
Type fulltextMimetype application/pdf

By organisation
Geodesy and Geoinformatics
Other Civil Engineering

Search outside of DiVA

GoogleGoogle Scholar
Total: 690 downloads
The number of downloads is the sum of all downloads of full texts. It may include eg previous versions that are now no longer available

urn-nbn

Altmetric score

urn-nbn
Total: 489 hits
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf