What is the state of the art in html5 geospatial applications?

Question

I am very interested in the HTML5 canvas element for maps; work like Cartagen from an MIT Media Lab researcher looks very promising, for example. There is some interesting SVG based work at carto.net. WebSocket seems like a fantastic API for live geospatial data. I have done a few HTML5 experiments, for example here, with Flickr and Picasa data. What are people getting up to with these new technologies, or what have you tried?

Adding to the list of examples: http://rlat.kew.org/ (via http://www.fosslc.org/drupal/content/html5-rich-geospatial-applications-web) — radek, Oct 22 '11 at 17:08
There is an open access article in IJHG's Web GIS in practice series covering HTML5 & Cartagen — radek, Dec 05 '11 at 22:05

score 13 · Answer 1 · answered Aug 17 '10 at 05:03

13

OpenLayers can use the HTML5 canvas element for rendering.

answered Aug 17 '10 at 05:03

fmark

9,381
9
39
45

score 7 · Answer 2 · answered Aug 17 '10 at 03:01

HTML5 Rocks has some good interactive examples with SVG,Mapping,API and Database requests.

http://slides.html5rocks.com/#slide10 http://slides.html5rocks.com/#slide14

Not a Map but SVG - but would be good for Mapping! http://slides.html5rocks.com/#slide27

score 5 · Answer 3 · answered Aug 17 '10 at 05:02

5

I quite like this example that does live raster reprojection/warping in an html5 canvas.

answered Aug 17 '10 at 05:02

fmark

9,381
9
39
45

1

seems like the link is broken – underdark Dec 06 '11 at 11:11
The link works for me, today. It is slow though, and the script a the other end doesn't seem to do anything. So -1 until someone puts up or locates a new version somewhere. – matt wilkie Mar 28 '12 at 17:45

score 4 · Answer 4 · edited Nov 05 '12 at 14:06

4

Take a look at the Georelated blog, which has a series of articles on the state of the art of web mapping. It contains nice reviews of whats possible and the technology available for truely forward thinking web mapping.

Info on Silverlight v flash v html5
Browser based 3d web mapping
Globes in HTML5
Alternatives to tiled image maps and the power of vectors

edited Nov 05 '12 at 14:06

Bill the Lizard

243
2
13

answered Dec 05 '11 at 21:25

mike

1
1

score 4 · Answer 5 · answered Dec 06 '11 at 10:43

4

Check also D3. Not really a geospatial-focused library but there is some example with thematic maps. Built on SVG. The same author developed Polymaps.

answered Dec 06 '11 at 10:43

nosolosw

88
5

score 3 · Answer 6 · answered Mar 01 '12 at 21:08

3

3D web Mapping using Web GL -

http://www.georelated.com/2011/10/rise-of-globe-in-web-mapping.html

Good Examples and links to WebGL open source toolkits

answered Mar 01 '12 at 21:08

Steve

51
1

score 3 · Answer 7 · answered Oct 19 '12 at 02:35

Try out Kartograph. It's a two shot program:

Take some Geospatial data like a shapefile and run it through Kartograph.py. That will turn it into an SVG file.
Use Kartograph.js to make it pretty in a browser. Add thematic elements, animation, fancy fonts, etc...

score 2 · Answer 8 · answered Dec 06 '11 at 10:50

2

You may find also some useful resources in the SVGOpen conference:

answered Dec 06 '11 at 10:50

nosolosw

88
5

score 2 · Answer 9 · edited Nov 13 '13 at 09:17

2

Esri have some HTML5 samples on the Javascript API samples page (select from bottom of the tree). Making use of local storage for bookmarks is impressive (at the time of writing this).

edited Nov 13 '13 at 09:17

julien

10,186
6
55
93

answered Dec 06 '11 at 10:54

jakc

9,858
8
49
97

score 1 · Answer 10 · answered May 05 '12 at 02:56

1

Late 2011: http://bl.ocks.org/1392560 (d3 rendering geojson as an interactive, draggable world map svg).

answered May 05 '12 at 02:56

ecmanaut

146
2

score 1 · Answer 11 · answered Nov 13 '13 at 15:08

1

http://osmbuildings.org displays 2.5D with HTML5 and Leaflet which looks impressive by results and speed

answered Nov 13 '13 at 15:08

Mapper

1,642
11
20

score 0 · Answer 12 · answered Nov 13 '13 at 10:28

0

I am pretty impressed by the work of MapBox and Leaflet that Showcase some really nice web mapping applications based on HTML5 and JavaScript Technology. Leaflet is an Open-Source JavaScript Library for Mobile-Friendly Interactive Maps.

answered Nov 13 '13 at 10:28

Chris P

1,639
14
26

What is the state of the art in html5 geospatial applications?

12 Answers12

Linked