html - 以图像为背景和悬停效果的谷歌地图自定义多边形

Question

是否可以使用 Google Maps API V3 创建一个网络应用程序，该应用程序使用国家或地区的自定义图像，在鼠标悬停和鼠标单击时会发生变化？

我查看了 google.maps.GroundOverlay 和 ProjectedOverlay，但没有找到解决方案。一个例子也很好。谢谢你。

Answer 1

是的，有可能……有几种方法可以做到这一点

一种方法是使用 OverlayView - 在此处查看演示Showing/Hiding overlays

从文档中：

• 将自定义对象的原型设置为 google.maps.OverlayView() 的新实例。这将有效地“子类化”覆盖类。
• 为您的自定义叠加层创建一个构造函数，并将任何初始化参数设置为该构造函数中的自定义属性。
• 在原型中实现 onAdd() 方法，并将叠加层附加到地图。当地图准备好附加叠加层时，将调用 OverlayView.onAdd()。
• 在原型中实现 draw() 方法，并处理对象的视觉显示。OverlayView.draw() 将在对象首次显示时被调用。
• 您还应该实现一个 onRemove() 方法来清理您在叠加层中添加的任何元素。

之后，您需要在地图上为点击事件添加一个 eventListener，例如激活此 OverlayView，这是一个如何在地图上添加点击 eventListener 的示例https://developers.google.com/maps/文档/javascript/examples/事件参数