Discussion :

[iSpiRk]

Bonjour tout le monde.

Je souhaite créer des marqueurs par itération en récupérant les propriétés "lat" et "lng"de mon tableau JSON pour les ajouter au cluster, en faite actuellement je crée tout d'un coup or il faut que je crée les marqueurs un par un pour les ajouter au layer L.MarkerClusterGroup que j'ajoute ensuite à ma map.

Données reçu de l'API Jcdecaux :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
[
    {
        "number": 2010,
        "contract_name": "lyon",
        "name": "2010 - CONFLUENCE DARSE",
        "address": "ANGLE ALEE ANDRE MURE ET QUAI ANTOINE RIBOUD",
        "position": {
            "lat": 45.743317,
            "lng": 4.815747
        },
        "banking": true,
        "bonus": false,
        "bike_stands": 22,
        "available_bike_stands": 3,
        "available_bikes": 17,
        "status": "OPEN",
        "last_update": 1556199564000
    }
...
]

Ce qui représente une station de vélo.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
ajax(url, function(resp) {
  let stations = JSON.parse(resp);
  for (var i = 0, len = stations.length; i <= len; i++) {
    var markersCluster = new L.MarkerClusterGroup();  
    var latLng = new L.LatLng([stations][0][i].position.lat, [stations][0][i].position.lng);
    var marker = new L.Marker(latLng);
    markersCluster.addLayer(marker);
    carte.viewMap.addLayer(markersCluster);
 
  }
});

Merci pour vos suggestions, au plaisir.

[iSpiRk]

Sujet résolu je poste la solution ici si ça peux aider d'autre personnes.

Code :

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

1
2
3
4
5
6
7
8
9
10
ajax(url, function(resp) {
  let stations = JSON.parse(resp);
  console.log(resp);
  markers = L.markerClusterGroup();
      for (var i = 0; i < stations.length; i++) {
          var marker = L.marker(new L.LatLng(stations[i].position.lat, stations[i].position.lng));
          markers.addLayer(marker);
        }
        carte.viewMap.addLayer(markers);
});