Leaflet - how to remove L.featureGroup from the map?

Question

JavaScript

There is a map on leaflet, for example: https://jsfiddle.net/hc8bsd55/

Markers are added using this method:

L.featureGroup([marker_1, marker_2, marker_3]).addTo(mymap);

I'm trying to remove them on click by various methods, for example:

L.featureGroup([marker_1, marker_2, marker_3]).remove();
L.featureGroup([marker_1, marker_2, marker_3]).remove(mymap);

But nothing comes out. Can you tell me how to remove markers?

Answer 1

In your script, in the click handler, you create another featureGroup and immediately delete it. However, the first featureGroup you created remains.
Change the code to this and it will work:

// Добавляем маркеры на карту
  var feature = L.featureGroup([marker_1, marker_2, marker_3]).addTo(mymap);


  $(document).on('click', '.delete', function(e){
    feature.remove();
    return false;
  });