SVG沃爾德地圖與城市

-1

顯示一個世界地圖，當一個國家的用戶點擊，該國的詳細視圖中打開了所有的州/省。如果他們點擊州/省，我想向他們展示城市。我希望能夠捕捉他們點擊的國家/州/省/城市。

我是否認爲SVG是要走的路？還有關於如何進行的任何建議/指示。

謝謝

2017-02-22 tkansara

我使用SVG工作過類似的用例。

我與州地圖，點擊狀態，我顯示狀態圖。

優點： 1.繪製完成後，我並沒有移除狀態圖。所以它非常快。 2.所有元素都在DOM中，我可以修改或附加。（例如：類，元素）

缺點： 1.更多DOM元素。（性能問題）

如果您的DOM操作較少，並且每次可以使用畫布顯示新數據。但確定一個暴露更多API來操縱DOM的lib（例如：傳單，展開層）

2017-02-22 18:36:21

捕獲已被單擊的狀態非常簡單（既不是svg也不是canvas）。 –

對不起，我第一次使用svg/canvas。所以請耐心等待。我是否只需從wiki下載一個示例US svg文件並將其添加到html頁面中的對象？爲了實現點擊和縮放功能，我需要做什麼具體的事情嗎？ Thx – tkansara

不下載SVG地圖，下載geo json文件（其中包含lat和lang座標）。使用一些製圖庫/地圖庫來繪製地圖（例如：D3.js）。例如：https：//bl.ocks.org/mbostock/4060606 –

回答