谷歌地圖信息窗口不是從VAR

Question

加載內容我需要幫助獲取信息窗口從位置顯示值[I] [0]

位置[I] [1]的工作蠻好的地址值，但我希望能夠從var「locations」中爲infowindow中的每個標記設置自定義標題。

我可以定義一個變種設定的內容和信息窗口這樣工作，但其同樣爲每一個標記，而不是從VAR拉「位置」

任何幫助表示讚賞！

function initialize() { 


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

var locations = [ 
['Bondi Beach', '798 9th Ave, New York, NY', 4], 
['Coogee Beach', '42 E 29th St, New York, NY', 5], 
['Cronulla Beach', '56 W 25th St, New York, NY', 3], 

]; 



function setMarkers(map, locations) { 

var infowindow = new google.maps.InfoWindow(); 
var bounds = new google.maps.LatLngBounds(); 
var marker, i; 

for (var i=0; i<=locations.length; i++) { 


    geocoder.geocode({'address': locations[i][1]}, function(results, status) { 

    marker = new google.maps.Marker({ 
    position: results[0].geometry.location, 
    map: map, 


    }); 


    google.maps.event.addListener(marker, 'click', (function(marker, i) { 
    return function() { 

     infowindow.open(map, marker); 
     infowindow.setContent(locations[i][0]); 
    } 
    })(marker, i)); 

bounds.extend(marker.getPosition()); 


map.fitBounds(bounds); 

}) 
    } 
} 

Answer 1

發生了什麼事是click事件偵聽器以i = 3（我的最後一個值，循環結束後），所以沒有信息窗口出現的，因爲這妾身。

由於引入了地理編碼器，外部for循環在點擊偵聽器獲得分配給它們的函數之前完成。因此，需要另一個函數範圍包裝器，它位於地理編碼之外，以保持我在偵聽器中的正確值。

function setMarkers(map, locations) { 

    var infowindow = new google.maps.InfoWindow(); 
    var bounds = new google.maps.LatLngBounds(); 
    var marker, i; 

    //CHANGED REMOVED EQUALS SIGN 
    for (var i=0; i<locations.length; i++) { 

    //ADDED 
    (function(i) { 
    geocoder.geocode({'address': locations[i][1]}, function(results, status) { 

    marker = new google.maps.Marker({ 
     position: results[0].geometry.location, 

     //REMOVED COMMA 
     map: map 
    }); 

    google.maps.event.addListener(marker, 'click', (function(marker, i) { 
     return function() { 

     //CHANGED ORDER 
     infowindow.setContent(locations[i][0]); 
     infowindow.open(map, marker); 
     } 
    })(marker, i)); 

    bounds.extend(marker.getPosition()); 
    map.fitBounds(bounds); 
    }); 

    // ADDED 
    })(i); 
    } 
}