無法彈出InfoWindow單擊標記谷歌地圖

Question

我在做什麼錯？我基本上試圖彈出一個信息窗口，一個非常簡單的，點擊標記..標記顯示正常，但標記點擊事件沒有被回覆..我很確定InfoWindow代碼不在正確的位置。對於correspoding標記的地址被送入的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); 
    } 
    }); 

}); 

Answer 1

你只需要在信息窗口的一個實例，然後更改使用setContent()方法onclick事件中的內容。此外，您應該將事件處理程序放入地理編碼回調函數中，以確保在地理編碼器完成時它已連接。

試試這個：

// 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); 
     } 
    }); 

});