如何在Google地图上创建自定义互动区域?

时间:2014-01-08 12:16:16

标签: javascript html css google-maps kml

我正在尝试使用Google地图创建一个显示县/区地区的地图,该地图允许用户点击该区域以检索相关的弹出信息。

我认为有两个数据集可以帮助,一个是英国邮政编码列表,这反过来允许我确定不同的邮政区域,另一个是来自Ordance Survey的数据集,其中包含省边界(县/区边界)

我查看了KML文件和ImageMap,但我不确定如何使用我拥有的数据创建这些区域?

我想要实现这里使用的那种地图: http://content.met.police.uk/Page/YourBorough

非常感谢任何帮助! 感谢。

1 个答案:

答案 0 :(得分:3)

使用Google地图的方法是密切使用他们的api。你无法使用简单的图像映射。

为初学者尝试这两个链接: https://developers.google.com/maps/documentation/javascript/examples/polygon-simplehttps://developers.google.com/maps/documentation/javascript/reference#Polygon

简而言之 - 您可能需要为每个区域绘制一个多边形,将click事件绑定到它,然后向Info Window显示该用户的相关信息。

如果您是谷歌地图新手,您可能需要花更多时间检查他们的Api及其提供的示例。 最好的问候。