Javascript svg世界地图与城市

以下是我试图做的：

显示一张世界地图，当用户单击国家时，将打开一个包含所有州/省的国家详细视图。如果他们点击州/省，我想向他们展示城市。我希望能够捕捉到他们点击的国家/州、地方/城市

我认为SVG是正确的选择吗？还有关于如何进行的任何建议/指针

---

谢谢

我使用SVG编写了类似的用例

美国地图和州，点击州我显示州地图

优点： 1.一旦绘制了州地图，我就不会删除它。所以速度相当快。 2.所有元素都在DOM中，我可以修改或追加。（例如：类别、元素）

缺点： 1.更多的DOM元素。（性能问题）

---

如果您的DOM操作较少，并且每次都可以显示新数据，请使用画布。但是确定一个库，它公开了更多的API来操作DOM（例如：传单，openlayer）

捕获被单击的状态非常简单（既不是svg也不是画布）。对不起，我是第一次使用svg/canvas。所以请容忍我。我是否只是从wiki下载一个示例US svg文件并将其添加到html页面中的对象中？为了实现点击和缩放的功能，我需要做一些具体的事情吗？THXIN下载地理json文件（包含lat和LAG坐标），而不是下载SVG地图。使用一些图表库/地图库来绘制地图（例如：D3.js）。太棒了，我会试试这个。