vue + ArcGIS JS API 使用自定义图层 实现图层叠加 控制图层显示

此方法适用与多个图层的叠加显示，希望动态的控制图层的显示隐藏

核心是通过图层列表，实现多个图层叠加，通过地图的visible属性来实现动态显示隐藏

1.创建图层列表

new MapImageLayer()是一个图像图层，如果你不需要对图层进行其他操作，那么使用图像图层来创建图层会更流畅，如果对地图上的要素进行操作则需要创建 new featureLayer()要素图层

let layer = new MapImageLayer({
                url:"http://******/arcgis/rest/services/SNPT/YX2022/MapServer",
            });
            
            let layer2 = new MapImageLayer({
                url:"http://******/arcgis/rest/services/SNPT/YX2021/MapServer",
            });

            let layers = []
            layers.push(layer,layer2); 把创建的两个自定义图像图层添加到图层列表中

            var map = new Map({
                layers: layers //图层列表数组
            });

2.动态控制显示隐藏

给图层添加visible:true;属性

let layer = new MapImageLayer({
      url:"http://******/arcgis/rest/services/SNPT/YX2022/MapServer",

      visible:false;
});

此图层在视图上将不可见