Clear Marker Layers (Leaflet )

Question

I am using Leaflet library and stuck with following issue: To generate Map i am calling map function on button click. So on each generatemap function call, I want to clear

Answer 1

All simple:

map.eachLayer((layer) => {
  layer.remove();
});

from https://leafletjs.com/reference-1.0.3.html#map-event

Answer 2

You can use this

$(".leaflet-marker-icon").remove(); $(".leaflet-popup").remove();

Answer 3

Instead of adding the markers directly to your map, add them to a L.LayerGroup

Whenever you want, you can remove your markers calling the clearLayers method

var layerGroup = L.layerGroup().addTo(map);

// create markers
L.marker().addTo(layerGroup);

// remove all the markers in one go
layerGroup.clearLayers();