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 –

回答