|
@@ -4,12 +4,13 @@
|
4
|
4
|
* @Author: ysh
|
5
|
5
|
* @Date: 2022-10-20 17:27:09
|
6
|
6
|
* @LastEditors: wrh
|
7
|
|
- * @LastEditTime: 2024-09-04 15:01:44
|
|
7
|
+ * @LastEditTime: 2025-01-02 09:29:11
|
8
|
8
|
-->
|
9
|
9
|
<template>
|
10
|
10
|
<div class="layer-box">
|
11
|
11
|
<div class="checkList">
|
12
|
12
|
<el-checkbox-group v-model="checkList">
|
|
13
|
+ <el-checkbox label="水系" @change="checkedSx" />
|
13
|
14
|
<el-checkbox label="范围" @change="checkedRange" />
|
14
|
15
|
<el-checkbox label="控制点" @change="checkedCp" />
|
15
|
16
|
</el-checkbox-group>
|
|
@@ -66,6 +67,21 @@ export default {
|
66
|
67
|
data() {
|
67
|
68
|
return {
|
68
|
69
|
kmlPath: process.env.VUE_APP_BASE_API,
|
|
70
|
+ sxLayer: new VectorLayer({
|
|
71
|
+ style: new Style({
|
|
72
|
+ stroke: new Stroke({
|
|
73
|
+ color: '#0000ff',
|
|
74
|
+ width: 2
|
|
75
|
+ })
|
|
76
|
+ }),
|
|
77
|
+ source: new VectorSource({
|
|
78
|
+ url: process.env.VUE_APP_BASE_API + "/profile/upload/uploadKmlFiles/shuixi.kml",
|
|
79
|
+ format: new KML({
|
|
80
|
+ extractStyles: false
|
|
81
|
+ }),
|
|
82
|
+ projection: 'EPSG:4326'
|
|
83
|
+ })
|
|
84
|
+ }),
|
69
|
85
|
treeDatas: [],
|
70
|
86
|
selectedNodeKey: [],
|
71
|
87
|
allNodeKey: [],
|
|
@@ -154,6 +170,8 @@ export default {
|
154
|
170
|
this.allNodeKey = selectList;
|
155
|
171
|
}
|
156
|
172
|
})
|
|
173
|
+ this.sxLayer.setVisible(false);
|
|
174
|
+ this.$store.getters.map.addLayer(this.sxLayer);
|
157
|
175
|
},
|
158
|
176
|
/* 全选 */
|
159
|
177
|
handleAllSelect() {
|
|
@@ -202,6 +220,9 @@ export default {
|
202
|
220
|
}, 200);
|
203
|
221
|
}
|
204
|
222
|
},
|
|
223
|
+ checkedSx(val) {
|
|
224
|
+ this.sxLayer.setVisible(val);
|
|
225
|
+ },
|
205
|
226
|
checkedRange(val) {
|
206
|
227
|
let datas = this.$refs.projectTree.getCheckedNodes();
|
207
|
228
|
for (let d of datas) {
|