Невозможно открыть InfoWindow при нажатии на маркер на карте Google. - PullRequest
Новая
       34

Невозможно открыть InfoWindow при нажатии на маркер на карте Google.

0 голосов
/ 17 ноября 2011

Что я делаю не так ?? Я в основном пытаюсь открыть информационное окно, очень простое, при нажатии на маркеры. Маркеры хорошо отображаются, но событие щелчка маркеров не отвечает .. Я почти уверен, что код InfoWindow отсутствует в правильное место ... адреса для соответствующих маркеров подаются jquery для каждого .. 

var geocoder;
var map;    
geocoder = new google.maps.Geocoder();
var latlng = new google.maps.LatLng(39.88445,-86.11084);
var myOptions = {
  zoom: 10,
  center: latlng,
  mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("map_canvas"),
  myOptions);


$('span.Address .ms-rtestate-field').each(function(index) {
    var addy = $(this).text();
    geocoder.geocode( { 'address': addy}, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
            map.setCenter(results[0].geometry.location);
            var marker = new google.maps.Marker({
            map: map, 
            position: results[0].geometry.location,
            title:addy
        });
        }else {
            alert("Geocode was not successful for the following reason: " + status);
        }
    });


    // Creating an InfoWindow          
    var infowindow = new google.maps.InfoWindow({
    content: 'Hello world'
   });

    // Adding a click event to the marker
    google.maps.event.addListener(marker, 'click', function() {
    return function(){
     // Opening the InfoWindow
    infowindow.open(map, marker);
    }
   });

});

1 Ответ

1 голос
/ 17 ноября 2011

Вам нужен только один экземпляр информационного окна, а затем изменить содержимое во время события onclick, используя метод setContent().Кроме того, вы должны поместить обработчик событий в функцию обратного вызова геокодирования, чтобы убедиться, что он подключается после завершения геокодера.

Попробуйте это: 

// Creating an InfoWindow          
var infowindow = new google.maps.InfoWindow({});

$('span.Address .ms-rtestate-field').each(function(index) {
    var addy = $(this).text();
    geocoder.geocode( { 'address': addy}, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
            map.setCenter(results[0].geometry.location);

            var marker = new google.maps.Marker({
                map: map, 
                position: results[0].geometry.location,
                title:addy
            });

            // Adding a click event to the marker
            google.maps.event.addListener(marker, 'click', function() {
                infowindow.setContent("Hello World!");
                infowindow.open(map, this);
            }); 

        }else {
            alert("Geocode was not successful for the following reason: "
                  + status);
        }
    });

});
...