Affichage de plusieurs marqueurs sur une carte avec leurs propres fenêtres d'informations

Le problème est dans votre appel à addListener()

Tandis que vous parcourez votre jeu d'enregistrements et d'écrire le code javascript, encore et encore et encore et encore pour ajouter un marqueur à la carte, vous appeler l'écouteur d'événement une fois. Aussi, vous n'avez jamais réellement créer les objets de la InfoWindow type, donc vous n'avez rien à appeler open().

La rapide et sale solution est d'ajouter ce après la création de votre marker mais avant la fin de votre While boucle.

var infowindow = new google.maps.InfoWindow({ 
content: '<%=(locations_haslatlong.Fields.Item("field_or_fields_containing_data_for_info_window").Value)%>' 
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});

Mais ne pas le faire, vous êtes à l'aide de VB pour écrire totalement superflus Javascript pour vous, quand vous pourriez être à l'aide de VB pour aller chercher ce dont vous avez besoin, puis de les laisser Javascript faire le travail que vous avez besoin de faire avec les données.

La mieux moyen de faire ce que vous essayez de faire est de réécrire votre VB pour créer un tableau d'objets Javascript, chacun contenant une du parc de l'information. Ensuite, l'utilisation de Javascript pour faire une boucle sur ce tableau et configurer les marqueurs et leurs associés infoWindows pour vous.

Décrivant la solution proposée:

// Create an array to hold a series of generic objects
// Each one will represent an individual marker, and contain all the 
// information we need for that marker.  This way, we can reuse the data
// on the client-side in other scripts as well.
var locations_array = [<%
While (
(Repeat1__numRows <> 0) 
AND (NOT locations_haslatlong.EOF)
) 
%>
{ 
latitude: <%=(locations_haslatlong.Fields.Item("llat").Value)%>,
longitude: <%=(locations_haslatlong.Fields.Item("llong").Value)%>,
title: "<%=(locations_haslatlong.Fields.Item("ldescription").Value)%>",
infoWindowContent: "<%=(locations_haslatlong.Fields.Item("field_or_fields_containing_data_for_info_window").Value)%>"
},
<% 
Repeat1__index=Repeat1__index+1
Repeat1__numRows=Repeat1__numRows-1
locations_haslatlong.MoveNext()
Wend
%>];
var x = locations_array.length;
while (--x) {
// Grab an individual park object out of our array
var _park = locations_array[x]
var myLatlng = new google.maps.LatLng(_park.latitude,_park.longitude);
var marker = new google.maps.Marker({
map: map,
position: myLatlng,
title: _park.title,
icon: 'http://google-maps-icons.googlecode.com/files/park.png',
clickable: true,
}); 
var infowindow = new google.maps.InfoWindow({ 
content: _park.infoWindowContent
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
}

OriginalL'auteur Sean Vieira

Ici est une excellente solution.

http://you.arenot.me/2010/06/29/google-maps-api-v3-0-multiple-markers-multiple-infowindows/

OriginalL'auteur Colin Wiseman

J'ai essayé le code de Sean Vieira, j'ai eu du mal à obtenir de l'infowindow me montrer même correspondant marqueurs Info.

Si vous avez le même problème, essayez:
Ici nous en sommes info (vous pouvez garder n'importe quel nom ) et puis ce dernier va l'utiliser.

var marker = new google.maps.Marker({
map: map,
position: myLatlng,
title: _park.title,
info :    _park.infoWindowContent,    // note info here  
clickable: true,
});  

prochaine voir le Contenu, de sorte que nous sommes en utilisant les informations que nous voulons pour définir le Marqueur

 google.maps.event.addListener(marker , 'click', function() {
infowindow.setContent(this.info);
infowindow.open(map,this);
});

Cela a fonctionné pour moi.

Ref: https://tommcfarlin.com/multiple-infowindows-google-maps/

OriginalL'auteur Raj