Afficher données JSON au click

Version imprimable

Bonjour,

Je dois récupérer les données dynamique JSON de l'API JC DECAUX.
Jusqu'ici tout va bien. Ce que je n'arrive pas à faire, c'est afficher dans une div prédéfinie, le nom de la station en fonction du marker selon sur lequel on clique.

Est-ce que quelqu'un pourrait m'expliquer le raisonnement ? (je suis débutante)
Code:

1 2 3 4 5 6 7 8 9 function afficherMarker() { for (var index in rep) { var station = document.getElementById('stationName'); marker = L.marker([rep[index].position.lat, rep[index].position.lng]) marker.addTo(mymap); station.innerText = rep[index].name } } marker.addEventListener('click', requeteAjax(afficherMarker))

Bonjour,
c'est au moment de la création des tes marqueurs que tu dois leur affecter la fonction d'affichage et non comme tu le fais.

Code:

1
2
3
4
5
6
7
8
9
10
11
function afficherMarker() {
  for (var index in rep) {
    var marker = L.marker([rep[index].position.lat, rep[index].position.lng])
      .on("click", function() {
        // le corps de ta fonction par exemple
        var station = document.getElementById('stationName');
        station.textContent = rep[index].name
      })
      .addTo(mymap);
  }
}

09/04/2019, 21h26
LO88ra

Bonsoir NoSmoking, je te remercie pour ta réponse ;)
J'ai essayé avec ton code mais le résultat est toujours le même, peu importe le marker sur lequel je clique, il s'affiche toujours le même nom de station :/
09/04/2019, 21h35
NoSmoking

C'est un peu normal, que vaut index au moment de l’exécution de la fonction, j'ai juste saisi du code pour te montrer la méthode.

Tu devrais regarder cette discussion qui est proche de ta préoccupation : Ajout de fonctions pour carte interactive. Regarde la proposition faite au post 4.
09/04/2019, 21h51
LO88ra

Merci pour les liens :D
Je vais aller regarder ;)