Je suis en cours de création d'un site internet qui me permettra par la base de donnée d'insérer dynamiquement des "Markers" sur la map google.
Cependant, j'ai un soucis au niveau de la fonction qui détecte le "click" sur un maker.
En effet, lorsque j'insert mes données dans mon tableau et que tout s'affiche nickel sur la map :
Je clic sur le premier Maker inséré (celui de Bordeaux ) et rien ne se passe.
Sauf que quand je clic sur le dernier Maker inséré (Celui de Paris) le zoom se fait.
La fonction est : marker.addListener('click', function() ...
Donc si j'ai bien compris, il détecte le "Maker" de dans la variable maker (maker.add...) qui change de valeur à chaque fois que j'insère les maker dans le while. Donc il prend en compte la dernière valeur affecté. J'ai donc bien compris mon erreur.
Sauf que ce que je ne vois pas, c'est la solution..
var list = [];
// on recupere le tableau dans le fichier php
var ar = <?php echo json_encode($indexedOnly) ?>;
var i = 0;// iteration
var tailleTab = ar.length-2;
var list = []; // list makers
while(i <= tailleTab) {
var j = i + 1;
var latLng = new google.maps.LatLng(ar[i], ar[j]);
var marker = new google.maps.Marker({
position: latLng,
map: map,
title: 'i'
});
list.push(marker);
var optionsInfoBulle = {
content: 'test'
};
var infoBulle = new google.maps.InfoWindow( optionsInfoBulle );
i += 2;
}
var infowindow1 = new google.maps.InfoWindow({ maxWidth: 300,
content: " INSERER ICI DU CODE HTML POUR CETTE INFOBULLE "
});
// On crée une infobulle
//On ajoute un listener d'événement : on écoute le clic sur le marqueur
marker.addListener('click', function() {
map.setZoom(8);
map.setCenter(marker.getPosition());
});
}
Merci pour votre compréhension ..
Problème API GOOGLE MAP (JQUERY)
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.