每次点击鼠标时都会刷新Google地图

Question

http://task4adamholt.appspot.com/?guestbook_name=Cars

出于某种原因，每次点击鼠标时，无论是在桌面上还是在实际地图上，它都会因某种原因刷新所有地图。

有谁知道为什么，这真的很奇怪。 .js文件包含以下函数

function getLoc(lon,lat,id) {
    function initialize() {
        var mapProp = {
            center: new google.maps.LatLng(lat, lon),
            zoom: 12,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById(id), mapProp);
        var marker = new google.maps.Marker({
            position: new google.maps.LatLng(lat, lon),
            map: map,
            title: 'Sent Here!'
        });
    }
    google.maps.event.addDomListener(window, 'click', initialize);
    document.getElementById(id).style.display = 'block';
}

Answer 1

这是造成问题的一条线。

 google.maps.event.addDomListener(window, 'click', initialize);

它会侦听窗口上的单击，并在发生单击时运行函数，刷新地图。我肯定会将'click'事件更改为其他内容，例如DOM ready。