为什么单击功能不起作用？

debugcn 发表于 Dev

沃克

请让我知道为什么单击功能在下面的代码中不起作用：

<!DOCTYPE html>
<html>
<head>
<script src="http://maps.googleapis.com/maps/api/js"></script>
<script>
    var map;
    var center = new google.maps.LatLng(11.17840187,122.59643555);
    var marker = new google.maps.Marker();
    var latitude;
    var longitude;

    function initialize() {
        var mapProp = {
           center : center,
           zoom : 5,
           mapTypeId : google.maps.MapTypeId.ROADMAP
        };
        map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
    }

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

    google.maps.event.addListener(map, "click", function (event) {
        alert('You click the map!');
    });

    function moveToCenter(){
        map.panTo(center);
        marker.setPosition(center);
        marker.setMap(map);
    }

    function setWidth(width){
        document.getElementById('googleMap').style.width = width + "px";
        google.maps.event.trigger(map, 'resize');
    }

    function setHeight(height){
        document.getElementById('googleMap').style.height = height + "px";
        google.maps.event.trigger(map, 'resize');
    }
</script>
<style>
    body
    {
        padding : 0; 
        margin  : 0;
        overlow : hidden;
    }
    #googleMap
    {
        width  : 600px;
        height : 600px;
        overlow : hidden;
    }
</style>
</head>

<body>
<div id="googleMap"></div>
</body>
</html>

预期结果应该是：每次单击地图时都会弹出警报对话框，但是没有发生。我已经在Google Chrome和Internet Explorer 8中对其进行了测试。

穆萨

您正在初始化地图之前设置事件处理程序，请尝试在初始化地图之后放置事件处理程序

function initialize() {
    var mapProp = {
       center : center,
       zoom : 5,
       mapTypeId : google.maps.MapTypeId.ROADMAP
    };
    map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
    google.maps.event.addListener(map, "click", function (event) {
        alert('You click the map!');
    });
}

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。