Google地图自定义多边形，图像为背景和悬停效果

Question

是否可以使用Google Maps API V3创建一个webapp，该版本使用针对国家或地区的自定义图像，并在鼠标悬停和鼠标点击时更改？

我查看了google.maps.GroundOverlay和ProjectedOverlay但尚未找到解决方案。一个例子也很棒。谢谢。

Answer 1

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

一种方法是使用OverlayView - 请参阅这里的演示Showing/Hiding overlays

来自documentation：

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

之后，您需要在地图上为click事件添加一个eventListener，例如激活此OverlayView，这是一个如何在地图上添加click eventListener的示例https://developers.google.com/maps/documentation/javascript/examples/event-arguments