Utiliser markerClusterGroup
Bonjour à tous,
Je viens vers vous car je suis débutante en Javascript, et j'ai un petit souci pour lequel je n'arrive pas à trouver de solution.
Je crée actuellement une carte interactive (Leaflet), sur laquelle s'affichent des marqueurs récupérés via une API.
Je souhaite pouvoir utiliser markerClusterGroup pour regrouper mes marqueurs mais je n'arrive pas à le faire fonctionner : les marqueurs ne s'affichent plus, pas de markerCluster en vue...
Une âme charitable pour jeter un oeil à ce que j'ai fait ?
Merci :)
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
var markersCluster = L.markerClusterGroup();
ajaxGet(
"https://api.jcdecaux.com/vls/v1/stations?contract=Nantes&apiKey",
function (reponse) {
var stations = JSON.parse(reponse);
stations.forEach(function (station) {
var marker = L.marker([
station.position.lat,
station.position.lng
])
marker.addEventListener("click", function (e) {
document.getElementById("nomInfo").innerHTML = station.name;
document.getElementById("adresseInfo").innerHTML = station.address;
document.getElementById("infosReservation").style.display = "block";
markersCluster.addLayer(marker);
map.addLayer(markersCluster);
});
});
}
); |
