Leaflet - remove all map layers before adding a new one

Question

as title says I have problems removing maps before adding a new one, I have this function, which draws the tile given by a Spinner (parameter values are strings with correct leaflet tile names):

function drawMap(tile){ 
    map.addLayer(tile);
    map.eachLayer(function (layer) {
        if (layer !== tile) {
            map.removeLayer(layer);
        }
   });
}

Variable map is initialized this way, and it doesn't generate problems:

var map = L.map('map').fitBounds([
        [myPosJSON.NEBoundLat, myPosJSON.NEBoundLng],
        [myPosJSON.SWBoundLat, myPosJSON.SWBoundLng]
    ]);

How can I fix the drawMap() function to correctly display maps? (I also have to do it with a group of Overlays, but probably the procedure is the same for maps)

See also [this answer](https://stackoverflow.com/a/28646383/199364). — ToolmakerSteve, Nov 13 '19 at 14:58

score 1 · Accepted Answer · answered Jul 19 '17 at 09:13

1

Instead of checking for name after adding your new layer, try removing all layers first and then add the new layer:

function drawMap(tile){ 
    map.eachLayer(function (layer) {
        map.removeLayer(layer);
    });
    map.addLayer(tile);
}

answered Jul 19 '17 at 09:13

Alexander Higgins

6,765
1
23
41

Leaflet - remove all map layers before adding a new one

1 Answers1