leafler如何清除地图上的图标点

1.清除全部

  clearMarker() {

            $(".leaflet-marker-pane").empty()

        },

2.清除部分点。

思路:加点的时候吧需要清除的一批放一个图层,addLayer(this.map),而不是addTo(this.map)

 initWork(mark) {
//添加的时候用olayer数组村存储
            this.olayer=[]
            let that = this;
            if (mark.length != 0) {
                for (var a = L.featureGroup().addTo(that.map), t = 0; t < mark.length; t++) {
                    var n = mark[t].point;
                    var divIcon;
                    divIcon = L.divIcon({
                        iconSize: [0, 0],
                        popupAnchor: [0, -5],
                        html: '<div style="width:100px;height:120px;" id="mark' + (t + 1) + '"></div>'
                    });
                    var o = L.marker(n, {
                        icon: divIcon
                    });
                    this.olayer.push(o)   
                    a.addLayer(o);
                }

                this.setEcharts(mark)
            }
        },

//删除的时候循环选出olayer图层

 if(that.olayer.length>0){
                      that.olayer.forEach(ele=>{
                          that.map.removeLayer(ele)
                      })
                  }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值