leaflet 删除指定图层、删除Divicon图层

先初始化一个底图:





  
  
  
  
  
  

  
  



  

1.移除添加的图层
leaflet 删除指定图层、删除Divicon图层_第1张图片

  • 首先要获取到添加的layer 再移除
  • 查看map的信息如下
  • leaflet 删除指定图层、删除Divicon图层_第2张图片

 

let url1 = "http://sk.digitalcq.com/gw/portal/ZH24PU95/pLNv7/ScRucxqf/wms?"
    const wmsLayer = L.tileLayer.wms(
      url1,
      {
        layers: '0', //需要加载的图层
        format: "image/png", //返回的数据格式
        transparent: true,
        id: 'wmsid'
      }
    );
    map.addLayer(wmsLayer)
    console.log(map)

    function findLayer(layerName) {//根据图层名称查找图层
      if (!map) {
        return null
      }
      let gisMap_layers = map._layers
      let layer = null
      for (let i in gisMap_layers) {
        if (gisMap_layers[i].options.id == layerName) {
          layer = gisMap_layers[i]
        }
      }
      return layer
    }
    let res = findLayer('wmsid') // 获取到wmsid这个layer
    console.log(res)

    map.removeLayer(res) //移除这个图层

 2.删除Divicon的图层

 





  
  
  
  Document
  
  
  
  

你可能感兴趣的:(leaflet,css,javascript,html,leaflet)