我对地图的HTML5 canvas元素非常感兴趣；例如，麻省理工学院媒体实验室研究员的类似Cartagen的作品看起来很有前途。 carto.net上有一些有趣的基于SVG的工作。 WebSocket似乎是实时地理空间数据的绝佳API。我已经用Flickr和Picasa数据做了一些HTML5实验，例如在这里。人们会使用这些新技术做什么，或者您尝试了什么？

评论

添加到示例列表：rlat.kew.org（通过fosslc.org/drupal/content/…）
IJHG的Web GIS实践系列中有一篇开放获取文章，内容涉及HTML5和Cartagen

#1 楼

OpenLayers可以使用HTML5 canvas元素进行渲染。

评论

看起来非常方便。

– bvmou
2010年8月17日在6:14
此外，OpenLayers内置了对已经在浏览器中使用的非Canvas技术（VML，SVG）的支持，并且已经存在了很多年。通常，坚持使用HTML5“流行语”会跳过“我要解决什么问题？”寻找解决方案的步骤...

–克里斯托弗·施密特（Christopher Schmidt）
10年8月20日在11:18
我给出的示例在svg中需要70,000个dom节点-这是画布的一个很好的用例。顺便说一句，支持svg的浏览器也完全支持canvas。而且，如果您实际上认为html5只是一个空洞的流行词，那么还有许多其他问题需要您提出。

– bvmou
10年8月20日在21:40

#2 楼

HTML5 Rocks有一些很好的交互式示例，其中包含SVG，映射，API和数据库请求。

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

不是地图，而是SVG-但这对映射很有用！
http://slides.html5rocks.com/#slide27

#3 楼

我很喜欢这个示例，它在html5 canvas中进行实时栅格重投影/变形。

评论

好像链接已断开

– Underdark♦
2011年12月6日上午11:11
该链接今天对我有用。但是它很慢，而脚本的另一端似乎什么也没做。因此为-1，直到有人提出或在某处找到新版本为止。

–马特·威尔基
2012年3月28日在17:45

#4 楼

还要检查D3。并不是真正针对地理空间的图书馆，但是有一些专题地图的例子。基于SVG构建。同一位作者开发了Polymaps。

#5 楼

看看Georelated博客，其中有一系列有关Web制图技术的文章。它包含了对真正的前瞻性Web映射的可能可能性和可用技术的很好的评论。 HTML5中的地球仪
平铺图像映射的替代方案和矢量的力量


#6 楼

使用Web GL的3D Web映射-

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

优秀示例和WebGL开源工具包的链接

#7 楼

试用Kartograph。这是一个包含两个步骤的程序：


获取一些像shapefile这样的地理空间数据，并通过Kartograph.py运行它。它将变成一个SVG文件。
使用Kartograph.js在浏览器中使其漂亮。添加主题元素，动画，精美字体等...


#8 楼

您还可以在SVGOpen会议上找到一些有用的资源：


http://www.svgopen.org/2011/papers/8-Even_faster_web_mapping/index.html
http ：//www.svgopen.org/2011/presentations/8-Even_faster_web_mapping/index.pdf


评论

在此处查看较早的内容：2004年-SVG作为编辑环境，2009年-SVG在Web映射中的优势

– nosolosw
2011-12-04 10:51


#9 楼

Esri在Javascript API示例页面上有一些HTML5示例（从树的底部选择）。在编写书签时，使用本地存储书签令人印象深刻。

#10 楼

2011年末：http：//bl.ocks.org/1392560（d3将geojson渲染为交互式可拖动的世界地图svg）。

#11 楼

http://osmbuildings.org显示带有HTML5和Leaflet的2.5D，在结果和速度上都令人印象深刻

#12 楼

MapBox和Leaflet的工作使我印象深刻，该工作展示了一些非常好的基于HTML5和JavaScript技术的Web映射应用程序。 Leaflet是用于移动友好的交互式地图的开源JavaScript库。