HTML5 Canvas 或 SVG 世界地图

Question

我正在寻找 HTML5 Canvas 或任何 JS 库的世界地图的开源实现。我需要带有景观和缩放功能的简单矢量世界地图。如果能在iOS/Android/BB操作系统上运行就好了。

http://cartagen.org/ 对我来说太多余了。

Answer 1

SVG 可能更容易实现。我会查看 Raphael JS

这是一个相关示例，说明 raphael JS 可以做什么以及它需要多少代码来

定义 SVG 世界地图可以在很多地方找到，包括维基百科，它们应该不难搜索。

Answer 2

jVectorMap (http://jvectormap.com/) 是一个 jQuery 插件，具有内置缩放功能和一个美好的世界具有可扩展事件 API 和自定义选项的地图示例。它在所有现代浏览器（如 Firefox 3 或 4、Safari、Chrome、Opera、IE9）中使用 SVG，同时通过 VML 为 IE 6 到 8 的旧版本提供遗留支持。真的很容易使用。

Answer 3

Simon 是对的，Raphael.js 是一个不错的选择。查看他们的世界示例：
http://dmitrybaranovskiy.github.io/raphael/

如果您正在寻找基于 Raphael 的东西，但是通过缩放/位置，商业选项是：
http://simplemaps.com/world

Answer 4

签出 https://github.com/thomaspeklak/raphaeljs-worldmap

Answer 5

我已经找到解决方案了。 Google 地图支持自定义水体和景观颜色：

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

向导：

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