谷歌地图叠加层消息不会保持隐藏状态

我有一个地图，里面填充了通过AJAX检索到php服务器调用的标记。在 AJAX 返回中，我遍历每个标记并设置 onClick 侦听器以打开覆盖的映射消息。

一切正常。标记显示，当我单击标记时，消息显示叠加。但是，在我单击以关闭消息，并以任何方式拖动、缩放或更改地图后，消息将重新出现。它只是不会一直隐藏。

我注意到的另一件事是，如果我单击一个标记，然后单击另一个标记，消息将更改为新的标记消息。但是，如果我拖动地图，消息开始在上一个标记和当前标记的消息之间闪烁，直到我停止拖动它并且它稳定到当前标记的消息。我不知道这些问题是否相关。任何建议将不胜感激。谢谢。

//create map
var mapOptions = {
    zoom: 3,
    center: defaultLatLng,
    minZoom: 3,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map($("div#map_canvas").get(0), mapOptions);
//send ajax requesting markers
$.ajax({
    ...
    success: function(data) {
        $.each(data, function(index, value) {
            var markerLat = value.lat;
            var markerLng = value.lng;
            var marker = new google.maps.Marker({
                position: new google.maps.LatLng(markerLat, markerLng),
                map: map        
            });
            marker.id = value.id; //set the marker id
            var markerListener = google.maps.event.addListener(marker, "click", function(event){
                /*****move map position****/
                map.setCenter(marker.getPosition());
                //send ajax requesting data based on id of marker clicked
                $.ajax({
                    ...
                    success: function(data) {
                        //actual message 
                        var html = "<a id='close' href='#'>close</a>" 
                            + "<p>" + data.message + "</p>";
                        setMapMessage(html, map);
                    } //end success for markerListener
                }); //end ajax for markerListener
            });  //end markerListener
        }); //end $.each()
    } //end success for ajax getting all the markers
}); //end ajax for getting all the markers
function setMapMessage(message, map){
    //Create custom message
    var overlay = new google.maps.OverlayView();
    overlay.draw = function() {
        $("#map_message").html(message).show();
        $("a#close").click(function(){
            $("#map_message").hide();
        });
        //get the coordinates of the map (used to set X and Y of the map_message)
        var mapPosition = $("#map_canvas").position(); 
        var mapContainerX = mapPosition.left;
        var mapContainerY = mapPosition.top;
        $("#map_message").css({
            top: mapContainerY,
            left: mapContainerX 
        });
    };
    overlay.setMap(map);
}