Map-openLayer-允许用户自由设置专题图层的透明度-antdesignVue

设置专题图层透明度的步骤首先，取消每层的单选机制，可以任意选择rightData:[{title:'2021version',key:1,level:0,children:[{title:'专题层',key:"21",disabled:true,level:1,children:[{title:'Dancing',key:'2_WD',level:2,value:'WD',multiSelect:true,},{title:'污染区',key:"251",disabled:true,level:2,children:[{title:'ContaminatedArea',key:'2_WQ',level:2,value:'WQ',multiSelect:true,},{标题：“人口密度”，键：“2_RKMD”，值：“RKMD”，级别：2，多选：真，}，]}，{标题：“山火”，键：“201”，禁用：真，level:2,children:[{title:'MountainFire',key:'2_SH',level:3,value:'SH',multiSelect:true,},{title:'植被信息',key:'2_ZB',值:'ZB',级别:3、multiSelect:true,}]},]}]}],给需要多次选择的每棵树数据添加属性multiSelect:true，这样就可以多选了。详情请访问antdesignVue官网1.获取当前用户勾选了哪个层2.判断是专题层还是基础层3.如果是专题层4.显示透明度拖动条以上是我工作时写的伪代码，因为在我的项目地图中，不仅有专题图层，还有其他不需要控制透明度的图层。发在这里的目的也是希望大家在工作之前能够理清思路，这样效率会非常快。5.将拖动条的值绑定到当前用户选中的专题图层的透明度。相信实时获取滑块绑定的值并不难，所以这里直接贴代码sliderChange(val){letopcity=val/100console.log('滑块改变了------------取值为：',opcity)}，根据看了很多文档（百度了一会），得知专题图有个方法setOpacity()，属性可以传值你要修改的opacity，也就是上面得到的opcity的难度在5.2这一步。找到要修改透明度的层，调用该方法找到层。这需要一点努力。在这种情况下，每个项目的情况可能会有所不同。让我们贴出查找地图组件的代码。里面有一个专题图对象，打印出来看打印结果如下：首先我们确定了找专题图的方法，这个ZB在数据中定义了，可以直接获取，然后跟着这个对象去得到具体的Layer，我们继续点进去看看原型是怎么找的，终于找到了这个方法，接下来就可以放心大胆的调用sliderChange(val){letopcity=val/100letcurrentZzt=this.$refs.olMap.zttLayer[this.zztTypeFortransparence].layercurrentZzt.setOpacity(opcity)}，最终效果如下