基於HTML5 Canvas的映射庫是否存在？

Question

Bing地圖和Google Maps JavaScript/Ajax地圖控件/庫使用< img/>標籤來渲染地圖圖塊等。

是否有任何可利用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兼容服務器和支持矢量功能的「連接器」。