javascript - 从可点击的 Google map 叠加层传播鼠标事件

Question

是否可以在可点击的 Google map (圆形、多边形等)中添加叠加层，但仍将鼠标事件向下传播到底层 map ？例如，目前看来，可点击的圆圈总是会隐藏 map 中的事件。

示例:在这里，我希望在您单击圆圈时触发两个单击处理程序:http://jsfiddle.net/tW9SE/

var circle = new google.maps.Circle({
    map: map,
    center: center,
    radius: 100000,
    clickable: true
});

google.maps.event.addListener(map, "click", function(){
    alert("Map clicked");
});

google.maps.event.addListener(circle, "click", function(){
    alert("Circle clicked");
});

我无法在叠加层上找到允许事件传播的属性，除非设置 clickable=false，从而禁用叠加层本身的事件处理程序。

Answer 1

只需自己触发点击:

google.maps.event.addListener(circle, "click", function(){
    alert("Circle clicked");
    google.maps.event.trigger(map, 'click', null);
});

更多信息请参见 Marcelo's answer关于以编程方式触发 Google map 上的点击。