Как получить infoWindow, нажав на маркер

Question

Я хотел бы знать, как открыть информационное окно, когда я нажимаю на маркер, я думал, что это правильно, но не работает. Это сценарий,

var map; 
function initialize() { 
    navigator.geolocation.getCurrentPosition(function(position){ 
     var latitude = position.coords.latitude; 
     var longitude = position.coords.longitude; 
     var coords = new google.maps.LatLng(latitude, longitude); 
     var mapOptions = { 
      disableDefaultUI: true, 
      center: coords, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
      }; 
     map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions); 
     placeMarker(); 
     var infowindow = new google.maps.InfoWindow(); 
     google.maps.event.addListener(marker, 'click', function() { 
      getComment(marker, infowindow); 
     }); 
}); 
} 
function getComment(marker, infowindow){ 
    var message = "Hello"; 
    infowindow.setContent(message); 
    infowindow.open(map, marker); 
} 
function placeMarker() { 
    //place some marker 
} 
google.maps.event.addDomListener(window, 'load', initialize); 

Спасибо за любые предложения!

Answer 1

Не запускайте его в jsfiddle, но приведенный ниже код должен работать.

Вы должны указать var marker у вашей функции placeMarker(), как будто вы сделали это с помощью infoWindow.

var map; 
function initialize() { 
    navigator.geolocation.getCurrentPosition(function(position){ 
     var latitude = position.coords.latitude; 
     var longitude = position.coords.longitude; 
     var coords = new google.maps.LatLng(latitude, longitude); 
     var mapOptions = { 
      disableDefaultUI: true, 
      center: coords, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
      }; 
     map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions); 

     //position of marker = coords in this example 
     var marker = new google.maps.Marker({ 
      position: coords, 
      map: map, 
      title: "randomTitle", 
      zIndex: Math.round(latlng.lat()*-100000)<<5 
     }); 
     var infowindow = new google.maps.InfoWindow(); 
     google.maps.event.addListener(marker, 'click', function() { 
      getComment(marker, infowindow); 
     }); 
}); 
} 
function getComment(marker, infowindow){ 
    var message = "Hello"; 
    infowindow.setContent(message); 
    infowindow.open(map, marker); 
} 
google.maps.event.addDomListener(window, 'load', initialize);