使用Leaflet库：拖拽添加的标记无法加入聚类，重启后才生效

嘿，我来帮你搞定这个问题！你遇到的核心问题是重复添加同一个图层组到聚类组，且聚类组没有感知到图层组内的新标记，具体原因和解决方案如下：

问题根源 #

你当前的代码里，每次拖拽创建新标记时都会执行markers.addLayer(dev)，但dev这个图层组其实已经被添加到聚类组里了——Leaflet不会处理重复添加的图层，所以这行代码完全无效。另外，MarkerClusterGroup默认不会自动监听子图层组的内部图层变动，就算你把新标记加到dev里，聚类组也不会主动识别这些新标记，自然不会把它们纳入聚类。

解决方案 #

根据你的需求，我给你两种可行的方案：

方案1：直接将新标记加入聚类组（无需单独维护图层组） #

如果不需要用dev图层组统一管理标记，可以直接把新创建的标记加到聚类组里，这样聚类会自动更新：

// 创建聚类实例并添加到地图
let markers = L.markerClusterGroup();
markers.addTo(map);

// 监听拖拽创建标记事件
map.on('pm:create', function(e) {
  // 直接将新标记加入聚类组
  markers.addLayer(e.layer);
});

方案2：保留图层组并手动刷新聚类 #

如果你需要用dev图层组管理所有标记，只需提前将dev加入聚类组一次，之后每次添加新标记到dev后，手动触发聚类组的刷新即可：

let dev = L.layerGroup();
// 创建聚类实例
let markers = L.markerClusterGroup();

// 关键：只需要将dev加入聚类组一次！
markers.addLayer(dev);
markers.addTo(map);

// 监听拖拽创建标记事件
map.on('pm:create', function(e) {
  // 将新标记添加到dev图层组
  e.layer.addTo(dev);
  // 手动刷新聚类组，让它识别新添加的标记
  markers.refreshClusters();
});

这样修改后，你拖拽创建的新标记就能实时加入聚类，不需要重启页面啦！

内容的提问来源于stack exchange，提问作者Дома_ Завода_рф