javascript - Google map 单击除 RichMarker 监听器之外的任何内容

Question

当我点击RichMarker时信息框正确打开。当我单击 map 时，我希望关闭信息框。

这将正确打开信息框:

var itm = document.getElementById("marker-div").cloneNode(true);

marker = new RichMarker({
    position: new google.maps.LatLng(49, 120),
    map: map,
    draggable: false,
    shadow: '',
    content: itm
});

google.maps.event.addListener(marker, 'click', function() {

    infobox.setContent('<div>Hi there</div>');      //load infobox content...
    infobox.open(map, this);                        //open infobox...
});

我不知道如何关闭 map 点击时的信息框。如果我包含此监听器，则信息框永远不会打开，因为每次单击都会触发关闭函数:

google.maps.event.addListener(map, "click", function(event) {

    infobox.close();
});

Answer 1

取消标记单击的冒泡:

    google.maps.event.addListener(marker, 'click', function(e) {
      e.stopPropagation();
      infobox.setContent('<div>Hi there</div>');      //load infobox content...
      infobox.open(map, this);                        //open infobox...
    });