Leaflet地图加载新标记前无法全部移除旧标记问题求助

你的问题核心是用单个变量存储标记，每次循环都会覆盖前一个标记的引用，所以marker.remove()只能移除最后创建的那个标记，之前的标记因为失去引用无法被移除，还会出现重复添加的情况（你代码里marker = L.marker(...).addTo(map)之后又调用了marker.addTo(map)，等于每个标记被添加了两次）。

正确的做法是用Leaflet的LayerGroup来统一管理所有标记，这样可以一次性清除所有旧标记，步骤如下：

1. 初始化一个图层组来存放所有标记，替代单个marker变量
2. 在创建标记时，将标记添加到这个图层组，而非直接添加到地图
3. 加载新标记前，调用图层组的clearLayers()方法清除所有旧标记

修改后的完整代码：

var map = L.map("map").setView([-1.54862, 21.86789], 6);
var condition = null;
L.tileLayer("https://tile.openstreetmap.org/{z}/{x}/{y}.png", {
  maxZoom: 90,
  attribution:
    '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>',
}).addTo(map);

////////////////////////////////////////////////MAP-DATA///////////////////////////////////////
// 初始化图层组，用于统一管理所有标记
var markersGroup = L.layerGroup().addTo(map);

function MapData(result) {
  $.each(result, function (index, element) {
    var pop = L.popup({
      closeOnClick: true,
    }).setContent(
      '<img src="' +
        element.Photo +
        '"> <br>ESECOPE : <b> ' +
        element.ESECOPE +
        " </b> <br> Etablissement :  <b>  " +
        element.LIB_ETAB +
        "  </b>  <br>Antenne :  <b>  " +
        element.ANTENNE +
        "  </b>  <br> Province Educationnelle :  <b>  " +
        element.DirectionProv +
        "  </b> <br> <button> Voir la Carte Scolaire </button> "
    );

    var Position = new L.LatLng(element.lat, element.lng);
    // 将标记添加到图层组，不再直接添加到地图
    var marker = L.marker(Position).bindPopup(pop);
    markersGroup.addLayer(marker);

    map.setView(Position, 6);
  });
}

$("#nextBtn").on("click", function () {
  // 清除所有旧标记
  markersGroup.clearLayers();
  
  var ProvEd = document.getElementById("ProvEd").value;
  var Antenne = document.getElementById("Antenne").value;

  $.ajax({
    url: "js/ajax/ajax/ProcessMapQuery.php",
    type: "POST",
    data: {
      Prov_data: ProvEd,
      Ant_data: Antenne,
    },
    dataType: "json",
    success: function (result) {
      document.querySelector(".dropleft").classList.toggle("active");
      MapData(result);
    },
  });
});

关键修改点说明：

• 替换单个marker变量为markersGroup图层组，统一管理所有标记
• 创建标记后添加到markersGroup，而非直接添加到地图（避免重复添加）
• 按钮点击时调用markersGroup.clearLayers()，一次性清除所有旧标记
• 移除了重复的marker.addTo(map)调用，避免标记被添加两次

内容的提问来源于stack exchange，提问作者CLEMENT MAFUPA