javascript - que - ¿Cómo borrar el mapa de folletos de todos los marcadores y capas antes de agregar otros nuevos?

marcar puntos en google maps api

Question

Tengo el siguiente código:

    map: function (events) {
            var arrayOfLatLngs = [];
            var _this = this;

            // setup a marker group
            var markers = L.markerClusterGroup();

            events.forEach(function (event) {
                // setup the bounds
                arrayOfLatLngs.push(event.location);

                // create the marker
                var marker = L.marker([event.location.lat, event.location.lng]);

                marker.bindPopup(View(event));

                // add marker
                markers.addLayer(marker);
            });

            // add the group to the map
            // for more see https://github.com/Leaflet/Leaflet.markercluster
            this.map.addLayer(markers);

            var bounds = new L.LatLngBounds(arrayOfLatLngs);
            this.map.fitBounds(bounds);
            this.map.invalidateSize();
        }

Inicialmente llamo a esta función y agregará todos los events al mapa con marcadores y agrupaciones.

en algún punto de paso, en algunos otros eventos, el mapa se acercará a los nuevos eventos, pero los anteriores todavía están en el mapa.

He intentado this.map.removeLayer(markers); y algunas otras cosas, pero no puedo hacer desaparecer los viejos marcadores

¿algunas ideas?

Answer 1

Estás perdiendo la referencia del marcador porque está configurado con var. Trate de guardar las referencias a ''esto'' en su lugar.

mapMarkers: [],
map: function (events) {
    [...]
    events.forEach(function (event) {
        [...]
        // create the marker
        var marker = L.marker([event.location.lat, event.location.lng]);
        [...]
        // Add marker to this.mapMarker for future reference
        this.mapMarkers.push(marker);
    });
    [...]
}

Luego, más tarde, cuando necesite eliminar los marcadores, ejecute:

for(var i = 0; i < this.mapMarkers.length; i++){
    this.map.removeLayer(this.mapMarkers[i]);
}

Alternativamente, en lugar de guardar cada referencia a cada marcador, simplemente puede guardar el clúster en "esto".

Answer 2

Si desea eliminar todas las capas actuales (marcadores) de su grupo, puede usar el método L.markerClusterGroup() de L.markerClusterGroup() . Su referencia se llama markers por lo que deberá llamar:

markers.clearLayers();