Estoy tratando de combinar direcciones de dos tutoriales de folletos:
y esto es lo que tengo:
//create cluster group var markerClusters = L.markerClusterGroup(); // Read markers data from data.csv $.get('./data_jittered.csv', function(csvString) { // Use PapaParse to convert string to array of objects var data = Papa.parse(csvString, {header: true, dynamicTyping: true}).data; // For each row in data, create a marker and add it to the map // For each row, columns `Latitude`, `Longitude`, and `Title` are required for (var i in data) { var row = data[i]; var marker = L.marker([row.New_Lat, row.New_Long], { opacity: 1 }).bindPopup(row.Title); marker.addTo(map); markerClusters.addLayer(marker); } map.addLayer(markerClusters);Actualmente, los marcadores se están cargando pero la función de agrupación no funciona: https://maggiehm.github.io/nzamorawilson-map/
marker.addTo(map);era el problema. Seguí el ejemplo proporcionado por Dom en los comentarios aquí: stackoverflow.com/a/66616249/10684798
y actualicé el código (con variables simplificadas) a:
var markers = L.markerClusterGroup(); $.get('./data_jittered.csv', function(csvString) { var data = Papa.parse(csvString, {header: true, dynamicTyping: true}).data; for (var i in data) { var row = data[i]; var marker = L.marker([row.New_Lat, row.New_Long], { opacity: 1 }).bindPopup(row.Title); markers.addLayer(marker); } }); map.addLayer(markers)La función de agrupación funciona ahora: https://maggiehm.github.io/nzamorawilson-map/