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

Question

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

是否有任何可用的 map 控件/库利用 HTML5 Canvas 元素来呈现 map 图 block ？

更现代的控件会很好，特别是因为它将利用新浏览器中的硬件加速来呈现 map 显示。

Answer 1

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

最重要的是，所有 map 对象都设计为易于扩展，因此，从抽象的 ILayer 接口(interface)开始，您可以...:

创建常规切片图层，加载切片 x/y/z 引用的图像
坐标 (http://leaflet.cloudmade.com/reference.html#tilelayer)

创建从 WMS 服务器加载数据的切片图层
(http://leaflet.cloudmade.com/reference.html#tilelayer-wms)

(这是您问题的具体答案)，在客户端创建使用 Canvas 元素绘制的平铺层 (http://leaflet.cloudmade.com/reference.html#tilelayer-canvas)

而且因为它是开源的，如果你愿意的话，你可以(不像 Bing 或 Google 控件)进一步扩展这些图 block 层......