leaflet 常用方法

移除除底图以外所有图层

 //移除除底图外的所有图层
       for(var i in map._layers) {
        if(map._layers[i]._path != undefined) {
            try {
                map.removeLayer(map._layers[i]);
            }
            catch(e) {
                console.log("problem with " + e + map._layers[i]);
            }
        }
      }

	 var blueIcon = L.icon({
		      iconUrl: "图标地址",
		      iconSize: [30, 30],
		      iconAnchor: [20, 10]
	     });
      this.htmlmaker = [];
      this.axios.get("./static/json/point.json").then(
      	  response => {
	          var latlng = response.data.features;
	          for (let i = 0; i < latlng.length; i++) {
	            var newArr = this.pointType;
	            if (newArr.indexOf(latlng[i].properties.FolderPath) != -1) {
	              var lat = latlng[i].geometry.coordinates[1];
	              var lng = latlng[i].geometry.coordinates[0];
	              var tempmarker=[lat,lng];
	              var marker = L.marker([lat, lng], {
	                icon: blueIcon,
	                minzoom: 8,
	                maxZoom: 10,
	                riseOnHover: true
	              });
	              var html = "";
              html += '<div class="l-popup">';
              html += "</div>";
              marker.bindPopup(html);
              this.htmlmaker.push(marker);
              marker.on("click", () => {
                this.tempPoint = latlng[i];
              });
              //添加
              this.markerGroup = L.layerGroup(this.htmlmaker);
              this.markerGroup.addTo(map);
                // 飞到这个点的位置
              map.flyTo(tempmarker,12,{duration: 1});
            }
          }
          //删除点
          this.markerGroup.clearLayers();

线

 			  var polyLines = [];
              var latlngs = fea[i].geometry.coordinates;
              for (var j = 0; j < latlngs.length; j++) {
                var lng = latlngs[j][0];
                var lat = latlngs[j][1];
                var latLng = [lat, lng];
                polyLines.push(latLng);
              }
              var polyline = L.polyline (polyLines, {
                color: "red",
              });
              polyline.on("dblclick",e=>{
                console.log(1)
              })
              polyline.bindPopup(fea[i].properties.Name);
              this.polyLines.push(polyline);
              this.polygonsGroup = L.layerGroup(this.polyLines);
              this.polygonsGroup.addTo(map);
              // 飞到这个多边形的位置
              map.fitBounds(polyline.getBounds());
              // 删除线
               map.removeLayer(this.polygonsGroup);
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

gis_KG

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值