|
@@ -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
|
|
|
|
|
|
}
|
|
|
]})
|