2016-04-14 2 views
-1

Пожалуйста, дайте мне знать, почему нажмите функция не работает в коде ниже:Почему функция click не работает?

<!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.

ответ

1

Вы устанавливаете обработчик события перед тем как инициализировать карту, попытайтесь поместить его после инициализации карты

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!'); 
    }); 
} 
Смежные вопросы