Boucle création de marker pour marker cluster avec JSON
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:
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:
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.