【GIS】Vue修改图层透明度
1、添加透明度控制条
<input id="slider" type="range" min="0" max="1" step="0.1" value="1" v-model="opacity" @input="changeOpactiy" >
2、在export default的data中加入观测值
export default { data() { return { opacity: 1} } }
3、添加事件
var value = this.opacity; this.leftLayer ? this.leftLayer.setOpacity(value) : "";
4、添加图层
leftLayer 即为图层
采用L.tileLayer.wms添加图层
var envLayer = L.tileLayer .wms(Url, { layers: layers, format: "image/png", transparent: true, version: "1.3.0", crs: L.CRS.EPSG3857 }) .addTo(map);
5、效果
博客地址: http://www.cnblogs.com/defineconst/
博客版权: 本文以学习、研究和分享为主,欢迎转载和各类爬虫,但必须在文章页面明显位置给出原文链接。 如果文中有不妥或者错误的地方还望高手的您指出,以免误人子弟。如果您有更好的建议,不如留言一起讨论,共同进步! 再次感谢您耐心的读完本篇文章。
博客版权: 本文以学习、研究和分享为主,欢迎转载和各类爬虫,但必须在文章页面明显位置给出原文链接。 如果文中有不妥或者错误的地方还望高手的您指出,以免误人子弟。如果您有更好的建议,不如留言一起讨论,共同进步! 再次感谢您耐心的读完本篇文章。