Suite

Utilisez Mapbox featureLayer pour créer des clusters de marqueurs


J'essaie d'utiliser ce didacticiel (https://www.mapbox.com/mapbox.js/example/v1.0.0/markercluster-with-mapbox-data/) pour créer des clusters de marqueurs pour styliser une featureLayer Mapbox contenant mes données . Ce code fonctionne pour afficher mes données :

var featureLayer = L.mapbox.featureLayer(rongeurs1,{ pointToLayer: function (feature,latlng){ return L.circleMarker(latlng,markerStyle); }, }).addTo(map);

Mais lorsque j'essaie de retravailler mon code selon les instructions, mes données disparaissent de ma carte. Voici le code selon les instructions :

// Étant donné que featureLayer est une méthode asynchrone, nous utilisons l'appel '.on('ready"// pour n'utiliser ses données de marqueur qu'une fois que nous savons qu'il est réellement chargé. L.mapbox.featureLayer('rodents1').on(' ready', function(e) { // Le clusterGroup obtient chaque marqueur du groupe ajouté // une fois chargé, puis est ajouté à la carte var clusterGroup = new L.MarkerClusterGroup(); e.target.eachLayer(function (couche) { clusterGroup.addLayer(couche);});map.addLayer(clusterGroup);

J'ai inclus des liens vers les fichiers Leaflet/markercluster dans l'en-tête de mon fichier html.

Est-ce que j'ai raté quelque chose ?


J'ai trouvé une solution ici : https://stackoverflow.com/questions/17005784/clustering-markers-on-mapbox-leaflet

J'ai utilisé ce code pour afficher mes marqueurs :

marqueurs var = new L.MarkerClusterGroup(); var geoJsonFeature = rongeurs1; var geoJsonLayer = L.geoJson(rongeurs1) ; var map = L.mapbox.map('map','mapbox.streets') .setView([42.35,-71.08],13); marqueurs.addLayer(geoJsonLayer); map.addLayer(marqueurs);


Voir la vidéo: Mapbox Marker Clustering (Octobre 2021).