用Javascript动态着色美国地图

Question

我需要编写一个以美国空白地图开头的网页，并根据从各种Ajax请求接收到的数据着色州。地图需要随时间变化而不需要重新加载页面，并且用户可以点击各种控件来立即改变地图的着色方式。这一切都需要在本地完成，所以我无法使用谷歌地图或任何类似的互联网服务。

我希望在浏览器中使用Javascript来做到这一点。有这样一个好的图书馆吗？或者有关如何最好地实现这一目标的一般建议？

Answer 1

我会采取一个插件，这样只是改变它做的基于动态数据 “突出”：插件

• http://plugins.jquery.com/project/maphilight

• 演示：http://davidlynch.org/js/maphilight/docs/demo_usa.html

目前它突出显示鼠标悬停，但突出显示使用给定的数据应该非常简单。

它带有美国地图并突出显示准备就绪的事实就是肉汁。

Answer 2

您仍然可以使用Google Static Maps API的“路径”参数来覆盖所需的颜色。创建一些静态地图并保存结果图像。

http://code.google.com/apis/maps/documentation/staticmaps/index.html#Paths

Answer 3

听起来像是Raphaël

Answer 4

工作下面是例子纯JS的，SVG/VML的解决方案：http://jvectormap.owl-hollow.net/