javascript - Google Maps API:强制 map 不处理信息框内的单击

在我的应用程序用户中，当他单击地图时创建标记。所以这样的代码：

function placeMarker(map, location) {
     var marker = new google.maps.Marker({
         position: location,
         map: map
     //other...
     var infowindow = new google.maps.InfoWindow({
         content: ballon.get(0)
     });

     ballon.find("#delete-btn").click(function(){
        infowindow.close();
        $mapPreview.data("markers")[id].marker.setMap(null);
        delete $this.data("markers")[id];
     });
});

"#delete-btn"在infowindow内部。问题是，当用户单击"#delete-btn"时，他还在地图上创建了新标记。如何避免这种情况？

最佳答案

baloon.find("#delete-btn").click(function(e){
    e.stopPropagation();

将事件变量传递给单击函数(e)，然后使用e.stopPropagation()停止事件传播

这将阻止事件通过DOM冒泡并被其他各种侦听器（如地图上的侦听器）拾取。

关于javascript - Google Maps API:强制 map 不处理信息框内的单击，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11945951/