El contenedor de mapa ya está inicializado

Question

En Leaflet, quiero que todos mis marcadores estén ocultos al mismo tiempo y se muestren al hacer clic en un checkbox.

Aquí está mi código:

var cordnt=this.coordinates;
var overlayMarker = {};
 console.log("probando coordenadas", cordnt)
var layerGroup = L.layerGroup().addTo(map)
for (i = 0; i < cordnt.length; i++) {
  newMarker = new L.marker([cordnt[i][0], cordnt[i][1]]).bindPopup(notation.desc);
  newMarker.openPopup()
   layerGroup.addLayer([newMarker])
  Object.assign(overlayMarker, {'Marcadores': layerGroup});
}

console.log("probando latitud y longitud",layerGroup)
L.control.layers(null, overlayMarker).addTo(map);

¿Cómo puedo lograr esto?

Answer 1

Parece que quieres leer un archivo y crear marcadores, y estos marcadores deberían estar en un grupo de capas para que Leaflet los maneje como una sola capa. Aquí tienes algo similar a tu código que yo usé.

$.getJSON(url, function(data) {
    for (i = 0; i < data.length; i++) { 
        var lng = data[i].coordinates[0];
        var lat = data[i].coordinates[1];
        var Line1 = data[i].addressLine1;
        var Line2 = data[i].addressLine2;
        MCDs = L.marker([lat,lng]).bindPopup("Dirección: " + Line1 + "Región: " + Line2);
        mcd.addLayer(MCDs);
    } 
});

//mcd.addTo(map);  //descomenta si quieres que el grupo de capas se dibuje cuando se cargue el mapa, //deja comentado si quieres que esté desmarcado en el control de capas.

var overlayMaps = {
    "Grupo de Capa JSON":mcd 
};  

//Añadir control de capas
var layerControl = L.control.layers(baseMaps, overlayMaps).addTo(map);