Javascript Google Map v3标记的点击处理程序被z索引损坏?

Javascript Google Map v3标记的点击处理程序被z索引损坏?,javascript,events,google-maps,z-index,google-maps-markers,Javascript,Events,Google Maps,Z Index,Google Maps Markers,My Google Map(v3)呈现两种类型的标记: 一个区域标记(“你的家就在这个区域”),一个半透明的图形,带有一个圆圈,表示地图上的大致区域 许多景点标志(海滩、餐厅、购物等) 每个吸引标记都有一个点击处理程序,可以打开一个信息窗口(“鲍勃的臭虫——城里最好的油炸臭虫!”)。注册单击处理程序似乎还可以创建悬停处理程序,将鼠标指针更改为手,显示工具提示等,这很好。我没有为区域标记定义事件处理程序 但是,对于位于区域标记范围内的吸引标记,不会触发“单击”或“悬停”处理程序。我猜这是一个z-指

My Google Map(v3)呈现两种类型的标记:

  • 一个区域标记(“你的家就在这个区域”),一个半透明的图形,带有一个圆圈,表示地图上的大致区域

  • 许多景点标志(海滩、餐厅、购物等)

  • 每个吸引标记都有一个点击处理程序,可以打开一个信息窗口(“鲍勃的臭虫——城里最好的油炸臭虫!”)。注册单击处理程序似乎还可以创建悬停处理程序,将鼠标指针更改为手,显示工具提示等,这很好。我没有为区域标记定义事件处理程序

    但是,对于位于区域标记范围内的吸引标记,不会触发“单击”或“悬停”处理程序。我猜这是一个z-指数问题,不知何故,大面积标记位于吸引标记的顶部,正在拦截悬停/点击事件,而不是将其传递。事实上,将鼠标悬停在区域标记上会导致its工具提示,这向我表明它肯定正在拾取事件

    我已经设置了各种标记的z-指数-吸引标记的高z-指数,区域标记的低z-指数。DOM的可视化渲染和检查表明,z索引值实际上是按照我的要求设置的

    但不知何故,相交的吸引力标记没有接收到它们的单击/悬停事件。其他吸引标记对其悬停/单击事件做出正确响应。事实上,对于仅与区域标记部分相交的吸引标记,标记的外部部分会响应悬停/单击事件

    我试着打电话:

    google.maps.event.clearInstanceListeners(this.areaMarker)

    希望可能有一些默认的处理程序挡住了去路。没有爱


    有没有什么方法可以让区域标记器让开?欢迎任何其他想法。

    解决方案似乎是使用一个区域标记。这些覆盖不会拦截任何悬停/单击事件

    也许你正在点击区域标记,该标记返回false,从而停止向标记的传播(冒泡)?@ENOYH这是一个有趣的想法。;-)以前,我没有在区域标记上添加处理程序。所以,我只是添加了一个除了返回true之外什么都不做的函数。不走运-(但是谢谢你的主意!