添加水系

src/config/service.js

 export default {
     'tms':"http://121.4.38.11:6080/arcgis/rest/services/demo/photo/MapServer",
     'wfs':'http://gisvector.yunhengzhizao.cn:8080/geoserver/demo/wms',
-    "ImageArcGIS":"http://e9r5x7df.dongtaiyuming.net/arcgis/rest/services/demo/rrr/MapServer"
+    "ImageArcGIS":"http://gisraster.yunhengzhizao.cn:8080/arcgis/rest/services/demo/zones/MapServer"
 }

src/views/Home.vue

       place: null, // 土地利用图层
       adrainageLayer: null, // 排口图层
       tileNoman: null,
+      riverlayer: null, // 水系图层
+      arealayer: null, // 行政区划
       river: "river2",
       landColorList: [],
       landColor: null,
       });
   },
   mounted() {
+   
     // 南京市水系图
     getService("wfs", {
       // filter: equalToFilter("admincode", "320100"),
       opacity: 0.8
     }).then((res) => {
       let { layer } = res;
-      this.map.addLayer(layer);
+      this.riverlayer = layer
+      this.map.addLayer(this.riverlayer);
     });
     // 排口数据
     let adrainage = new VectorSource({});
       view: this.view,
     });
 
+     // 江宁区行政区划
+    getService('ImageArcGIS', { layers: "0" }).then((res) => {
+      let { layer } = res;
+      let arealayer = layer
+      this.map.addLayer(arealayer);
+    });
+
     // 切换底图  与无人机影像的叠加
     let changeMap = document.getElementById("changeMap");
     changeMap.addEventListener("click", (event) => {
 
         if (properties.geom instanceof MultiPolygon) {
           this.popupPlace = properties;
-          console.log(this.popupPlace);
           let coordinate = e.mapBrowserEvent.coordinate;
           this.overlayPlace.setPosition(coordinate);
           this.overlayPlace.setOffset([140, -10]);
     // 菜单按钮
     // 选择采样点、土地
     selectRef($event, $index, index) {
+      // 关闭水系图
+      this.map.removeLayer(this.riverlayer)
       // 显示图层以及处理相应的数据
       // 1-1 排口显示
       if ($index == 0) {
 
     // 选择反演参数
     selectParams(type, id, index, $index) {
+      // 关闭水系图
+      this.map.removeLayer(this.riverlayer)
       // 1.显示四参数的图层并展示对应的图层
       this.tileDong.setVisible(true);
       this.sourceDong4.updateParams({ layers: "show:" + id });
       // 初始化this.colorList 东风河
       // 1.根据所选河道变换对应的位置以及缩放信息
       // 设置当前河道值为index
-      console.log(index);
       this.checkedRiver = parseInt(index.slice(0, 1));
 
       if (this.checkedRiver == 0) {