Probleme de InfoWindow sur des Marker Google Maps

Probleme de InfoWindow sur des Marker Google Maps - HTML/CSS - Programmation

Marsh Posté le 05-06-2014 à 15:51:31    

Bonsoir à tous,
 
J'ai une page sur laquelle j'affiche une carte google maps. Sur cette carte j'affiche des Marker dont je récupère la position via un fichier xml. Via ce fichier XML, je récupère aussi des infos pour mettre dans une InfoWindow (pour le test je récupère juste un nombre unique (ID base de données))
 
Les Marker se mettent à la bonne position, mais quand je clique dessus, l'InfoWindow affiche le même contenu partout : le contenu du dernier...
 
J'ai trouvé ça http://javascript.developpez.com/f [...] nAffichage mais je ne comprend pas trop les solutions (et a priori elles ne marchent pas).
 
Voici mon code :
La div à l'id "map-canvas"

Code :
  1. var map;
  2. var markers=new Array();
  3. var infos=new Array();
  4. function affichercarte()
  5. {
  6.       map = new google.maps.Map(document.getElementById('map-canvas'), {
  7.           center: new google.maps.LatLng(50.8231987, 4.3828955),
  8.           zoom: 14,
  9.           mapTypeId: google.maps.MapTypeId.ROADMAP
  10.       });
  11. }
  13. google.maps.event.addDomListener(window, 'load', affichercarte);
  15. function cliccouche(numtypeadr) //fonction appellée quand on coche une case à cocher  
  16. {
  17. appelphp('include/adresses_recup.php?langue=fr&numtypeadr='+numtypeadr, majcarte);
  18. }
  20. function majcarte()
  21. {
  22. if(ajax.readyState==4)
  23. {
  24.  if(ajax.status==200)
  25.  {
  26.   lareponse=ajax.responseXML;
  28.   for(i=0;ladresse=lareponse.getElementsByTagName('adresse')[i];i++)
  29.   {
  30.    var id=ladresse.getAttributeNode('numadresse').value;
  31.    if(!markers[id])
  32.    {
  33.    var position=new google.maps.LatLng(ladresse.getElementsByTagName('latitude')[0].firstChild.nodeValue, ladresse.getElementsByTagName('longitude')[0].firstChild.nodeValue);
  34.    markers[id] = new google.maps.Marker({
  35.     'numero': id, //Inutile ? --edit : non c'est la solution !--
  36.     'position': position,
  37.        'map': map,
  38.     'icon': 'http://soupon.unblog.fr/files/2007/11/pharmacie.bmp' });
  39.  
  40.          infos[id] = new google.maps.InfoWindow({
  41.           'content': id //contenu
  42.        });
  44.       google.maps.event.addListener(markers[id], "click", function() {
  45.            infos[id].open(map,this);
  46.           });
  47.    }
  48.    else
  49.    {
  50.     markers[id].setMap(null);
  51.     markers[id]=null;
  53.    }
  54.   }
  57.  }
  58.  else
  59.  {
  60.   //On affiche le message d'erreur
  61.   alert("Erreur "+ajax.status+" : "+ajax.statusText);
  62.  }
  63. }
  64. }


Message édité par zezette le 05-06-2014 à 16:59:59

---------------
"Par moment j'me d'mande si chui pas con" G. de Suresnes
Reply

Marsh Posté le 05-06-2014 à 15:51:31   

Reply

Marsh Posté le 05-06-2014 à 16:06:59    

C'est bon j'ai trouvé, il faut mettre le contenu au moment d'ajouter l'événement via un this.numero
 

Code :
  1. infos[id] = new google.maps.InfoWindow();
  3.        google.maps.event.addListener(markers[id], "click", function() {
  4.      infos[id].setContent(this.numero);
  5.             infos[id].open(map,this);
  6.            });


Message édité par zezette le 05-06-2014 à 16:07:38

---------------
"Par moment j'me d'mande si chui pas con" G. de Suresnes
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed