Discussion :

[LO88ra]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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))

[NoSmoking]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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);
  }
}

[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 :/

[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.

[LO88ra]

Merci pour les liens
Je vais aller regarder