都市申报航空影像图层

src/views/xmfzsb/projectDeclare/DrawMap.vue

@@ -9,7 +9,7 @@
           <li v-for="item in listChecked.value" :key="item.id">
             <span>{{ item.name }}</span>
             <div>
-              <i class="btn" :class="item.isHide?'btn-dqtc-hide':'btn-dqtc-show'" @click="addLayer(params.layer,params.visible,params.opacity)"></i>
+              <i class="btn" :class="item.isHide?'btn-dqtc-hide':'btn-dqtc-show'" @click="addLayer(item)"></i>
               <el-slider v-model="item.opacity" :min="1"></el-slider>
             </div>
           </li>
@@ -32,34 +32,32 @@ import { ref, reactive, computed, nextTick, watch } from 'vue'
 import { getAssetsFile } from '../../../utils/require'
 import CityGis from "../../../utils/map/CityGis.Bridge";
 
-function addLayer(layer,visible=true,opacity=100) {
-  let type = 'feature'
-  let token_type = ''
-  if(layer.url.startsWith('http://10.121.226.95')) {
-    type = 'shc_map'
-    token_type = 'token_nw'
-  } else if(layer.url.startsWith('http://smiserver.gtj.sh.cegn.cn')) {
-    type = 'shc_map'
-    token_type = 'token_smi'
+function addLayer(item) {
+  if (item.isHide){
+    item.isHide = false;
+    item.visible = true;
+  }else{
+    item.isHide = true;
+    item.visible = false;
   }
-  if(layer.type) {
-    type = layer.type
+  let type = 'shc_map'
+  let token_type = 'token_smi'
+  if(item.type) {
+    type = item.type
   }
   let params = {
     ActionName: "AddLayer",
     Parameters: {
-      id: layer.id,
-      title: layer.title,
-      visible,
-      opacity,
-      url: layer.url,
+      id: item.id,
+      title: item.title,
+      visible: item.visible,
+      isHide: item.isHide,
+      opacity: item.opacity,
+      url: item.url,
       type,
-      token_type
+      token_type,
     },
   };
-  if(layer.sublayers) {
-    params.Parameters['sublayers'] = layer.sublayers
-  }
   console.log('添加图层---',params)
   bridge.Invoke(params);
 }
@@ -95,55 +93,60 @@ const toolsList = ref([
 
 const listChecked = reactive({value: [
     {
-      name: '2022年',
+      name: '航空影像2022年',
       layer: 3,
       id: 'hwyx2022',
       title: 'hwyx2022',
       url: 'http://smiserver.gtj.sh.cegn.cn/OneMapServer/rest/services/air_2022_3857/MapServer',
       type: 'tile',
       visible: true,
-      opacity: 100
+      opacity: 100,
+      isHide: true
 
     },
     {
-      name: '2021年',
+      name: '航空影像2021年',
       layer: 3,
       id: 'hwyx2021',
       title: 'hwyx2021',
       url: 'http://smiserver.gtj.sh.cegn.cn/OneMapServer/rest/services/air_2021_3857/MapServer',
       type: 'tile',
       visible: true,
-      opacity: 100
+      opacity: 100,
+      isHide: true
     },
     {
-      name: '2020年',
+      name: '航空影像2020年',
       layer: 3,
       id: 'hwyx2020',
       title: 'hwyx2020',
       url: 'http://smiserver.gtj.sh.cegn.cn/OneMapServer/rest/services/air_2020_3857/MapServer',
       type: 'tile',
       visible: true,
-      opacity: 100
+      opacity: 100,
+      isHide: true
     },
     {
-      name: '2019年',
+      name: '航空影像2019年',
       layer: 3,
       id: 'hwyx2019',
       title: 'hwyx2019',
       url: 'http://smiserver.gtj.sh.cegn.cn/OneMapServer/rest/services/air_2019_3857/MapServer',
       type: 'tile',
       visible: true,
-      opacity: 100
+      opacity: 100,
+      isHide: true
     },
     {
-      name: '2018年',
+      name: '航空影像2018年',
       layer: 3,
       id: 'hwyx2018',
       title: 'hwyx2018',
       url: 'http://smiserver.gtj.sh.cegn.cn/OneMapServer/rest/services/air_2018_3857/MapServer',
       type: 'tile',
       visible: true,
-      opacity: 100
+      opacity: 100,
+      isHide: true
 
     }
 ]})