停止 JavaScript 覆盖菜单中的事件传播到 Google 地图

Question

我在 JavaScript 中的 Google 地图顶部的 Google 叠加视图中创建了一些编辑框和按钮。 每当我点击任何按钮、editBox 或 overlayView 上的任何地方时，谷歌地图也会接受这些鼠标事件。 如何限制鼠标事件，使它们不能通过overlayView 传播？

google.maps.event.addDomListener(gotoBtn, 'click', function(e) {
    ///DO SOMETHING
    e.stopPropagation();
});

对于按钮，我使用以下方法，但我不想在所有地方都使用相同的方法。 有没有其他合乎逻辑的方法？

Answer 1

我在overlayView中添加了div并在那里停止鼠标传播。

var panes = this.getPanes();
panes.overlayImage.appendChild(div);

/// Code for stoping event propagation to m_map
div.onclick = function(event) {
    event.stopPropagation();
}

google.maps.event.addDomListener(div, 'mousedown', function (event) {
    event.cancelBubble = true;
        if(event.stopPropogation)
            event.stopPropagation();
});