javascript - 寻找交互式 SVG 地图脚本

Question

我花了很多时间寻找交互式 svg 地图的 JS 脚本。我已经找到了https://imagemappro.com/demo-mall/和https://mapplic.com/maps/world?location=de。这两个看起来不错，工作得很好。但是他们俩都在使用JQ。如果可能，我不想将 JQ 包含在一页中，一次性使用。

基本上我正在寻找一个脚本（如果付费则无关紧要）：

• 有一个好的 API 允许我选择 SVG 元素并放大它等。
• 允许单击元素并在其顶部显示带有一些内容的弹出窗口。
• 响应和移动友好。
• 支持拖动、缩放。
• 没有 JQ 依赖。
• 必须支持自定义 SVG。
• 允许我链接到一个区域，或一些允许它的 API 挂钩。

感谢您的任何建议。

标签： javascriptsvgmapsinteractive

Answer 1

嗯，棘手的问题。使用D3.js 库，您可以完成所有这些工作，但需要一些学习才能正确编写脚本。

如果你有 WordPress，那么可能比 Mapplic 更简单的地图插件（我仍然最喜欢）是MapSVG。他们免费提供世界地图（带有命名的国家形状，例如他们有 ID），您无需购买 MapSVG 等即可使用。

除了 Google 和 GitHub 搜索会为您提供各种选择之外，这个库似乎被广泛使用（并且您可以在 SVG 中找到链接）：

https://github.com/bumbu/svg-pan-zoom