javascript - 带有自定义区域的 JS 世界地图插件

Question

我尝试使用 Javascript 和/或 Jquery 在我的网站上显示一张大世界地图。特殊之处在于我必须使用自定义国家列表设置和绘制特定区域。例子：

• 所有使用法语的国家（法国、比利时、瑞士等...）
• 所有使用西班牙语的国家（西班牙、哥伦比亚等...）

然后，访问者将能够单击这些自定义区域以获取更多信息。我发现了很多插件（Google GeoChart、Mapael、Kartograph、jVectorMap），但似乎没有一个能满足我的目的。

我想避免使用 HTML 图像映射。谢谢 ！

Answer 1

问题很广泛，但我会尽力而为：

您最好的选择是使用 JavaScript API 并在 div 中嵌入地图，从那里您将可以访问 Google Maps API。

就您的实施而言，我想您可以采用几种不同的方式，您可以为西班牙和法国国家/地区显示 2 个不同的标记，其中包含点击侦听器和有关该国家/地区的更多信息，或者您可以更花哨并绘制多边形/折线。如果你走标记路线，它会更容易，所以我会推荐。