javascript - 每次点击鼠标时谷歌地图都会刷新

Question

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

由于某种原因，每次单击鼠标时，无论是在表格上还是实际 map 本身，它都会因某种原因刷新所有 map 。

有谁知道为什么吗，这真的很奇怪。 .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);

它监听窗口上的点击，并在点击发生时运行函数，刷新 map 。我肯定会将“点击”事件更改为其他事件，例如 DOM 就绪。