用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/