javascript - 如何在 Google map 上创建自定义交互区域？

Question

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

我有两个数据集，我认为会有所帮助，一个是英国邮政编码列表，它可以让我确定不同的邮政区域，另一个是来自 Ordance Survey 的包含省边界(县/区边界)的数据集.

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

我希望实现此处使用的那种 map : http://content.met.police.uk/Page/YourBorough

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

Answer 1

使用 Google map 的方法是密切使用他们的 API。您不能使用简单的图像映射。

首先尝试这两个链接: https://developers.google.com/maps/documentation/javascript/examples/polygon-simple和 https://developers.google.com/maps/documentation/javascript/reference#Polygon .

简而言之 - 您可能需要为每个区域绘制一个多边形，将点击事件绑定(bind)到它，然后为用户显示包含相关信息的信息窗口。

如果您是 google maps 的新手，您可能需要花更多时间检查他们的 Api 和他们提供的示例。最好的问候。