存在哪些基于 HTML5 Canvas 的映射库？

Question

Bing Maps 和 Google Maps JavaScript/Ajax Mapping Controls/Libraries 使用 标签来渲染地图图块等。

是否有任何可用的地图控件/库利用 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 渲染支持，此外还为 tile 提供者、OGC 兼容服务器提供大量“连接器”，并支持矢量特征。