我正在寻找HTML5 Canvas或任何JS库的世界地图的开源实现。我需要简单的矢量世界地图与风景和缩放。如果它适用于iOS/Android/BB操作系统,这将是一件好事。HTML5画布或SVG世界地图
http://cartagen.org/对我来说太多了。
我正在寻找HTML5 Canvas或任何JS库的世界地图的开源实现。我需要简单的矢量世界地图与风景和缩放。如果它适用于iOS/Android/BB操作系统,这将是一件好事。HTML5画布或SVG世界地图
http://cartagen.org/对我来说太多了。
SVG可能会更容易实现。我想看看在拉斐尔JS
下面是一个relevant example什么拉斐尔JS可以做,它多么少的代码需要
SVG世界地图的定义,可以发现许多地方,包括维基百科,他们不应该太很难搜索。
jVectorMap(http://jvectormap.com/)是具有内置变焦的jQuery插件以及具有可扩展事件API和自定义选项的不错的世界地图示例。它在Firefox 3或4,Safari,Chrome,Opera,IE9等所有现代浏览器中使用SVG,同时使用VML为旧版IE提供从6到8的传统支持。真的很容易使用。
西蒙是正确的,Raphael.js是一个很好的选择。看看他们的世界例如在: http://dmitrybaranovskiy.github.io/raphael/
如果您正在寻找建立在拉斐尔的东西,但随着变焦/地区,商业的选择是: http://simplemaps.com/world
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