HTML5畫布或SVG世界地圖

我正在尋找HTML5 Canvas或任何JS庫的世界地圖的開源實現。我需要簡單的矢量世界地圖與風景和縮放。如果它適用於iOS/Android/BB操作系統，這將是一件好事。HTML5畫布或SVG世界地圖

2011-05-24 Alexander Gryanko

Canvas是不如SVG進行變焦，因爲前者是位圖圖像，後者是矢量圖像。矢量圖像在這種行爲中表現最好。 – 2011-05-24 06:03:42

@Jesufer不是真的，除非畫布顯示位圖圖像。您可以使用基於矢量的繪圖命令在畫布上繪圖，因此在發佈這些命令之前縮放畫布上下文將正確地「縮放」圖形而不會像素化。請參閱[本答案]（http://stackoverflow.com/questions/5189968/zoom-to-cursor-calculations/5526721#5526721）瞭解放大和縮小畫布繪製的演示。（放大我的眼睛之間的十字線。） – Phrogz 2011-05-24 17:36:54

但我在考慮每次圖像放大後，圖像必須使用畫布重新繪製，因此如果圖像複雜到需要加載大量javascript畫。 – 2011-05-24 19:19:11

SVG可能會更容易實現。我想看看在拉斐爾JS

下面是一個relevant example什麼拉斐爾JS可以做，它多麼少的代碼需要

SVG世界地圖的定義，可以發現許多地方，包括維基百科，他們不應該太很難搜索。

來源

2011-05-24 00:40:06

我找到了解決辦法。谷歌地圖支持水和景觀色彩定製：

http://code.google.com/apis/maps/documentation/javascript/maptypes.html#StyledMaps

嚮導：

https://google-developers.appspot.com/maps/documentation/embed/wizard/

來源

2011-05-24 23:58:44

結賬https://github.com/thomaspeklak/raphaeljs-worldmap

來源

2011-06-12 05:27:13

jVectorMap（http://jvectormap.com/）是具有內置變焦的jQuery插件以及具有可擴展事件API和自定義選項的不錯的世界地圖示例。它在Firefox 3或4，Safari，Chrome，Opera，IE9等所有現代瀏覽器中使用SVG，同時使用VML爲舊版IE提供從6到8的傳統支持。真的很容易使用。

來源

2011-06-29 15:29:12

西蒙是正確的，Raphael.js是一個很好的選擇。看看他們的世界例如在： http://dmitrybaranovskiy.github.io/raphael/

如果您正在尋找建立在拉斐爾的東西，但隨着變焦/地區，商業的選擇是： http://simplemaps.com/world

來源

2012-11-27 20:36:38 Chris

HTML5畫布或SVG世界地圖

回答

相關問題