什么基于HTML5 Canvas的映射库存在？

Question

Bing Maps和Google Maps JavaScript / Ajax Mapping Controls / Libraries使用＆lt; img /＆gt;用于渲染地图图块等的标签。

是否有可用的利用HTML5 Canvas元素渲染地图图块的地图控件/库？

更现代的控制会很好，特别是因为它会利用新浏览器中的硬件加速来渲染地图。

Answer 1

我目前最喜欢的Javascript Maps API是Leaflet（http://leaflet.cloudmade.com）。它仍然只是一个非常年轻的控件（几个月前首次公开发布）并且它有一些问题需要解决，但它有一个可爱的干净，轻量级的API。

最重要的是，所有地图对象都设计为易于扩展，因此，从抽象的ILayer界面开始，您可以......：

• 创建常规切片图层，用于加载切片x / y / z引用的图像 坐标（http://leaflet.cloudmade.com/reference.html#tilelayer）
• 创建从WMS服务器加载数据的切片图层 （http://leaflet.cloudmade.com/reference.html#tilelayer-wms）
• （这是您问题的具体答案），创建使用客户端画布元素绘制的图块层（http://leaflet.cloudmade.com/reference.html#tilelayer-canvas)

因为它是开源的，所以如果你愿意，你可以（不像Bing或Google控件）进一步扩展这些图块层。

Answer 2

OpenLayers3将提供WebGL，Canvas和DOM渲染支持，此外还有一组广泛的“连接器”，用于磁贴提供程序，符合OGC标准的服务器以及对矢量功能的支持。