Wiele polilinii i okien informacyjnych z Google Maps V3

Question

Mam mapę z wieloma poliliniami i chciałbym otworzyć specyficzne dla linii infowindow po kliknięciu linii.

Do tej pory mój kod pokazuje tylko zawartość ostatniej iteracji.

Znalazłem dwa bardzo ładne przykłady tego, czego chcę, ale po wielu godzinach próbowania nie jestem dalej.
Przykład 1: http://srsz750.appspot.com/api3/polylines-multiple.html
Przykład 2: http://www.geocodezip.com/v3_GenericMapBrowser.asp?filename=flights090414.xml

więc to mój ostatni strzał: -S

Tu jest mój kod, który pokazuje tylko treść ostatniej iteracji:

for (var i = 0; i < locations.length; i++) { 
var route = locations[i]; // locations is an array of route-arrays. 
//route is an array with details. route[0] contains the description. 

var imageStart = 'img/rijder.png'; 
var polyOptions = { 
    strokeColor: '#0000FF', 
     strokeOpacity: 1.0, 
    strokeWeight: 3 
    }  

    poly = new google.maps.Polyline(polyOptions, info); 
    var path = poly.getPath(); 

//line text 

var info = route[0]; 
google.maps.event.addListener(poly, 'click', function(event) { 
    infowindow.setContent(info); 
    infowindow.position = event.latLng; 
infowindow.open(map); 
    }); 

//startmarker 
var startLatLng = new google.maps.LatLng(route[1], route[2]); 
var smarker = new google.maps.Marker({ 
    position: startLatLng, 
    map: map, 
    icon: imageStart, 
    title: route[7], 
    html: route[0]  
}); 
path.push(startLatLng); 
//starttext 

google.maps.event.addListener(smarker, "click", function() { 
     infowindow.setContent(this.html); 
     infowindow.open(map, this); 
     }); 

//endmarker 
var endLatLng = new google.maps.LatLng(route[4], route[5]); 
var emarker = new google.maps.Marker({ 
    position: endLatLng, 
    map: map, 
    icon: imageEnd, 
    title: route[8], 
    html: route[3]  
}); 
path.push(endLatLng); 
//endtext 

google.maps.event.addListener(emarker, "click", function() { 
      infowindow.setContent(this.html); 
      infowindow.open(map, this); 
     }); 
//close line and put on the map 
poly.setMap(map); 
} 
} 

A oto kod, który spodziewałbym się zadziałać, ale wszystkie linie zniknęły (tylko odpowiedni kod, dodałem także funkcję mouseover):

//line text 
    google.maps.event.addListener(poly, 'click', (function(event,index){ 
    return function(){ 
    var routeinfw = locations[index]; 
    var inf = routeinfw[0]; 
    infowindow.setContent(inf); 
    infowindow.position = mouselocation; 
    infowindow.open(map); 
     }; 
    })(event,i)); 

//starticon 

Answer 1

Podobnie jak w przykładzie pan pisał, utworzyć funkcję do tworzenia słuchaczy zdarzenia Naciśnij i wywołać ją od wewnątrz pętli lokalizacje:

function createInfoWindow(poly,content) { 
    google.maps.event.addListener(poly, 'click', function(event) { 
     infowindow.content = content; 
     infowindow.position = event.latLng; 
     infowindow.open(map); 
    }); 
} 

I można nazwać to w końcu pętli:

createInfoWindow(poly,info);