Al realizar un mapa, varias coordenadas podrían están en la misma posición. Por suerte tenemos un plugin de Leatlet que nos facilita la vida y es súper simple de implementarlo.
El plugin se llama Leaflet.markercluster y podes encontrarlo en GitHub.
Lo importante:
// Layer GeoJSON.
var v_geojsonLayer = L.geoJson(v_geojsonFeature, {
onEachFeature: onEachFeature
});
// Cluster de marcadores.
v_cluster_marcadores = L.markerClusterGroup(); // Se crea un cluster group.
v_cluster_marcadores.addLayer(v_geojsonLayer); // Agrega el Layer GEOJSON al cluster group.
v_mapa.addLayer(v_cluster_marcadores); // Agrega el cluster group al mapa.
Demo:Varios marcadores en la misma posición
Código fuente: Varios marcadores en la misma posición
Estimado, tengo un geojson en extensión JS, como seria el codigo si separo del js del script?, en este caso el js solo le antepondria «var geojsonFeature =» y el resto en otro js o dentro del html, e intentando pero no me resulta. gracias