Прикрепление события клика к карте Google - PullRequest
0 голосов
/ 07 декабря 2010

Я не могу понять, как прикрепить событие клика к карте Google, возможно ли это сделать только на маркере?Это, похоже, ничего не делает:

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

Я также пытался использовать jQuery, но это ловит два события, я думаю, что-то связанное с оверлеями:* EDIT: какой-то идиот дважды инициировал карту и прикрепил событие в одной и той же функции, следовательно, два события.JQuery работает так же хорошо, и на самом деле может обрабатывать больше событий.

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

Я что-то упустил?

Ответы [ 2 ]

1 голос
/ 08 декабря 2010

Ваш код работает на меня.попробуйте (Ctrl + F5) перезагрузить страницу без кеша.

<!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> 
1 голос
/ 07 декабря 2010

Может быть, ваша карта неверна? Покажите нам весь свой код.

Вот пример присоединения обработчика события щелчка к карте

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

...