2010-12-07 7 views
0

Je n'arrive pas à comprendre comment associer un événement click à une carte Google, est-ce seulement possible de le faire sur le marqueur? Cela ne semble pas faire quoi que ce soit:Joindre un événement click à une carte Google

google.maps.event.addListener(map, 'click', function() { 
    console.log('clicked'); 
}); 

J'ai aussi essayé d'utiliser jQuery, mais qui attire deux événements, je devine quelque chose à faire avec des superpositions: EDIT: un idiot initié la carte deux fois, et attaché l'événement dans la même fonction, d'où deux événements. jQuery fonctionne aussi bien, et en fait peut gérer plus d'événements.

$('#placeholder').click(function() {console.log('clicked');}); 

Ai-je raté quelque chose?

Répondre

1

Votre code fonctionne pour moi. essayez (Ctrl + F5) de recharger la page sans cache.

<!DOCTYPE html> 
<html> 
<head> 
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
<style type="text/css"> 
    html { height: 100% } 
    body { height: 100%; margin: 0px; padding: 0px } 
    #map_canvas { height: 100% } 
</style> 
<title>Google Maps Example</title> 
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script> 
<script type="text/javascript"> 
    function initialize() { 
     var myLatlng = new google.maps.LatLng(-34.397, 150.644); 
     var myOptions = { 
      zoom: 3, 
      center: myLatlng, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     } 
     var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 

     google.maps.event.addListener(map, 'click', function() { 
      console.log('clicked'); 
     }); 
    } 
</script> 
</head> 
<body onload="initialize()"> 
    <div id="map_canvas"></div> 
</body> 
</html> 
+0

C'était le rafraîchissement dur! 0_o – Shagglez

+0

Maintenant, j'ai le même problème avec l'événement mouseup, et Ctrl + F5 n'aide plus ... – Shagglez

1

Votre nom de carte est peut-être incorrect? Montrez-nous votre code entier.

Voici un exemple d'attacher un gestionnaire d'événements de clic à une carte

http://jsfiddle.net/galen/EXRSD/

+0

Cet exemple ne fonctionne pas non plus pour moi, même après un rafraîchissement. La suggestion de krefftc a fonctionné bien que – Shagglez

+0

ait eu une erreur dans mon code d'alerte, l'a fixée. – Galen

Questions connexes