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世界地图

回答

相关问题