Comment faire pour supprimer tous les calques et les fonctionnalités de la carte?

Je suis en train de travailler sur une carte et je voudrais enlever toutes les fonctionnalités de la carte sur un certain événement. Les fonctionnalités sont multiples couches qui sont tracées de façon dynamique.

Une partie du code est:

$.getJSON('distributor-companies', function (data) {
                var layers = [];
                $.each(data, function (i, item) {
                    if (item.geojson != '') {
                        layers[i] = L.mapbox.featureLayer().addTo(map);
                        $.getJSON('/geojson/' + item.geojson, function (data) {
                            layers[i].setGeoJSON(data);
                            //Loop over the added layer
                            layers[i].eachLayer(function (layer) {
                                //Add click event
                                layer.on('click', function (e) {
                                    //Do stuff
                                    map.fitBounds(layers[i].getBounds());
                                });
                            });
                        });
                    }
                });
            });

Est-il un moyen de récupérer toutes les couches de la carte à un certain point dans le temps et de les supprimer.

OriginalL'auteur Rohan | 2015-02-21

  1. 19

    En boucle sur toutes les couches ajoutées à la carte à l'aide de la eachLayer méthode de L.Map, puis d'appeler le removeLayer méthode de L.Map sur chacun d'eux:

    map.eachLayer(function (layer) {
    map.removeLayer(layer);
});

    Références:

    eachLayer: http://leafletjs.com/reference.html#map-eachlayer

    removeLayer: http://leafletjs.com/reference.html#map-removelayer

    Veuillez noter que cette wil enlever TOUTES les couches de votre carte. Cela veut dire que tout tilelayers etc. Je pense que dans votre cas, il serait mieux si vous n'avez pas à ajouter tous vos featureLayers à la carte de l'instance, mais de créer un groupe pour eux:

    //Create group for your layers and add it to the map
var layerGroup = L.layerGroup().addTo(map);

$.getJSON('distributor-companies', function (data) {

    $.each(data, function (i, item) {
        if (item.geojson != '') {
            //Add the new featureLayer to the layerGroup
            var featureLayer = L.mapbox.featureLayer().addTo(layerGroup);
            $.getJSON('/geojson/' + item.geojson, function (data) {
                featureLayer.setGeoJSON(data);
                featureLayer.eachLayer(function (layer) {
                    layer.on('click', function (e) {
                        map.fitBounds(featureLayer.getBounds());
                    });
                });
            });
        }
    });
});

    Maintenant, vous pouvez appeler la clearLayers méthode de L.LayerGroup qui va effacer de l'actuel couches dans le groupe:

    layerGroup.clearLayers();

    Référence:

    L.LayerGroup: http://leafletjs.com/reference.html#layergroup

    clearLayers: http://leafletjs.com/reference.html#layergroup-clearlayers

    OriginalL'auteur iH8