【问题标题】:Google Maps Custom Polygon with image as background and hover effect以图像为背景和悬停效果的谷歌地图自定义多边形
【发布时间】:2013-05-07 08:12:48
【问题描述】:

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

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

【问题讨论】:

    标签: html google-maps polygon


    【解决方案1】:

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

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

    来自documentation

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

    之后,您需要在地图上为点击事件添加一个事件监听器,例如激活这个 OverlayView,这里是一个如何在地图上添加点击事件监听器的示例https://developers.google.com/maps/documentation/javascript/examples/event-arguments

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多