Leaflet-修改图层样式（更改多边形图层颜色）

最新推荐文章于 2025-05-30 11:58:15 发布

原创最新推荐文章于 2025-05-30 11:58:15 发布 · 2.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

leaflet 专栏收录该内容

1 篇文章

订阅专栏

该博客介绍了如何利用Esri Leaflet库中的layer.setStyle方法，将地图上的多边形填充透明，只保留边框。具体操作是在onEachFeature回调中，设置fillOpacity为0，同时调整了边框颜色、宽度和整体透明度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

通过layer.setStyle中对fillOpacity的修改使多边形中填充部分改为透明。

color改变颜色。

getJsonSz() {
    var vm = this;
    vm.featureGroupSz = esri.featureLayer({
        url: "http://arcgis.map.htwater.net/arcgis/rest/services/LayerTrees/Huzhou_LayerTrees/MapServer/1",
        onEachFeature(feature, layer){
          layer.setStyle({
            color:rgb(51,136,255),
            weight: 3,
            fillOpacity: 0,
            opacity: 1, 
          })

        }
      })
    vm.featureGroupSz.addTo(this.map);

  }