具有自定义区域的JS世界地图插件

时间:2018-10-17 12:50:36

标签: javascript jquery world-map

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

  • 所有使用法语的国家(法国,比利时,瑞士等)
  • 所有使用西班牙语的国家(西班牙,哥伦比亚等)

然后,访问者将可以单击这些自定义区域以获取更多信息。我发现了很多插件(Google GeoChart,Mapael,Kartograph,jVectorMap),但似乎没人能实现我的目的。

我想避免HTML图像映射。 谢谢!

1 个答案:

答案 0 :(得分:0)

问题很广泛,但我会尽力而为:

您最好的选择是使用JavaScript API并将地图嵌入div中,然后您就可以访问Google Maps API。

在实施方面,我想您可以采取几种不同的方式,可以使用点击侦听器和有关该国家的更多信息为西班牙和法国国家/地区显示2种标记,或者您可以花更多的钱来绘制多边形/折线。如果您选择Marker路线,这会更容易,所以我建议您这样做。