微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

聚类时从 Leaflet.markercluster 中删除标记

如何解决聚类时从 Leaflet.markercluster 中删除标记

如果标记聚集,如何删除它们?因为如果它们被分组,则无法删除。但是一旦分组消失,那么一切都很好。

在尝试删除之前:

before deleted

删除成功后:

after deleted

添加标记代码

var markers = L.markerClusterGroup();
map.addLayer(markers);

L.geoJSON(data,{
                pointToLayer: pointToLayer,onEachFeature: onEachFeature,})
            .on('click',markerOnClick)
            .addTo(markers);

删除标记代码

$.each(markers._map._layers,function (ml) {
    if (markers._map._layers[ml].feature) {
        if(markers._map._layers[ml].feature.properties.obj == 2 && markers._map._layers[ml].feature.properties.type == 1){                      
             markers.removeLayer(this);
        }            
    }
});

解决方法

只需使用 markers 标记集群组上的 eachLayer method 迭代每个子标记(无论它们当前是否已集群)。

markers.eachLayer(layer => {
  if(layer.feature.properties.obj == 2 && layer.feature.properties.type == 1) {                      
    markers.removeLayer(layer);
  }
});

访问 markers._map._layers 时,您会查找地图上当前的每个图层,但是 Leaflet.markercluster 会在您的标记聚类时删除它们(并用集群标记替换它们)。这就是您不再找到某些标记的原因。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。