Tiro monedas al aire, pero hasta ahora nunca las pude agarrar.

Visitas: 13

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.

Leaflet - varios marcadores en la misma posición
Leaflet – varios marcadores en la misma posición
Leaflet - varios marcadores en la misma posición
Leaflet – varios marcadores en la misma posición

Demo:Varios marcadores en la misma posición
Código fuente: Varios marcadores en la misma posición


Comments

  1. 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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *