From d0272e6a4e5b68c4e82e7356849f6ceb402a1055 Mon Sep 17 00:00:00 2001
From: guonan <guonan201020@163.com>
Date: 星期五, 18 四月 2025 20:02:55 +0800
Subject: [PATCH] 修改避险点
---
src/components/tools/LayerTree.vue | 58 ++++++++++++++++------------
src/utils/area.js | 2
src/components/menu/Function.vue | 2 +
src/components/monifangzhen/ResultAssess.vue | 8 ++--
src/views/mnfz.vue | 18 +++++---
5 files changed, 51 insertions(+), 37 deletions(-)
diff --git a/src/components/menu/Function.vue b/src/components/menu/Function.vue
index dcb7655..e0eb9e6 100644
--- a/src/components/menu/Function.vue
+++ b/src/components/menu/Function.vue
@@ -118,6 +118,8 @@
},
multiple: 1.0,
scale: new SmartEarth.Cesium.Cartesian3(20, 20, 20),
+ color: "#00FF00"
+
})
console.log("point", point)
emergencyAreaList.push(point)
diff --git a/src/components/monifangzhen/ResultAssess.vue b/src/components/monifangzhen/ResultAssess.vue
index 5057dc7..3ac2eb6 100644
--- a/src/components/monifangzhen/ResultAssess.vue
+++ b/src/components/monifangzhen/ResultAssess.vue
@@ -110,10 +110,10 @@
return
}
- const dataSourcePromise = Cesium.GeoJsonDataSource.load('/json/fxArea.json', {
- stroke: Cesium.Color.YELLOW,
- fill: Cesium.Color.YELLOW.withAlpha(0.5),
- })
+ // const dataSourcePromise = Cesium.GeoJsonDataSource.load('/json/fxArea.json', {
+ // stroke: Cesium.Color.YELLOW,
+ // fill: Cesium.Color.YELLOW.withAlpha(0.5),
+ // })
dataSourcePromise.then(data => {
dataSource = data
viewer.dataSources.add(data)
diff --git a/src/components/tools/LayerTree.vue b/src/components/tools/LayerTree.vue
index 4db668a..a4b5049 100644
--- a/src/components/tools/LayerTree.vue
+++ b/src/components/tools/LayerTree.vue
@@ -38,7 +38,7 @@
label: "缁煎悎鐩戞祴璁惧淇℃伅",
},
{
- label: "瀛欒儭娌熶豢鐪熸爣娉ㄥ湴鐗�",
+ label: "瀛欒儭娌熸柇闈�",
},
{
label: "閬块櫓鐐�",
@@ -72,8 +72,8 @@
case "缁煎悎鐩戞祴璁惧淇℃伅":
console.log("缁煎悎鐩戞祴璁惧淇℃伅", checked, indeterminate);
break;
- case "瀛欒儭娌熶豢鐪熸爣娉ㄥ湴鐗�":
- console.log("瀛欒儭娌熶豢鐪熸爣娉ㄥ湴鐗�", checked, indeterminate);
+ case "瀛欒儭娌熸柇闈�":
+ console.log("瀛欒儭娌熸柇闈�", checked, indeterminate);
break;
case "閬块櫓鐐�":
addTetrahedron();
@@ -91,10 +91,17 @@
// sourceType: "tms",
// url: "http://106.120.22.26:9103/gisserver/tmsserver/sunhugoudom",
// })
- let TerrainLayer = earthCtrl.factory.createTerrainLayer({
- sourceType: "ctb",
- url: "http://106.120.22.26:9103/gisserver/ctsserver/llmbdem",
- })
+ // let TerrainLayer = earthCtrl.factory.createTerrainLayer({
+ // sourceType: "ctb",
+ // // url: "http://106.120.22.26:9103/gisserver/ctsserver/llmbdem",
+ // url: "http://106.120.22.26:9103/gisserver/ctsserver/sunhugoudem",
+ // })
+
+ let TerrainLayer = earthCtrl.factory.createTerrainLayer({
+ sourceType: "ctb",
+ url: "http://106.120.22.26:9103/gisserver/ctsserver/sungugoudem",
+ });
+
// let TerrainLayer = earthCtrl.factory.createTerrainLayer({
// sourceType: "ctb",
// url: "https://tiles1.geovisearth.com/base/v1/terrain?token=486dac3bec56d7d7c2a581c150be2bd937462f1e8f3bc9c78b5658b396122405",
@@ -964,7 +971,7 @@
divPointList.push(divPoint.item);
});
- treeMap.set("瀛欒儭娌熶豢鐪熸爣娉ㄥ湴鐗�", list);
+ treeMap.set("瀛欒儭娌熸柇闈�", list);
});
}
@@ -983,18 +990,18 @@
latitude: 40.568391,
altitude: 528.45,
},
- {
- name: "鑼冩尟姹熷",
- longitude: 116.591059,
- latitude: 40.574068,
- altitude: 528,
- },
- {
- name: "鍚庡潯",
- longitude: 116.597975,
- latitude: 40.558199,
- altitude: 528,
- },
+ // {
+ // name: "鑼冩尟姹熷",
+ // longitude: 116.591059,
+ // latitude: 40.574068,
+ // altitude: 528,
+ // },
+ // {
+ // name: "鍚庡潯",
+ // longitude: 116.597975,
+ // latitude: 40.558199,
+ // altitude: 528,
+ // },
];
list.forEach((item) => {
let point = earthCtrl.factory.addTetrahedron({
@@ -1004,7 +1011,8 @@
height: item.altitude,
},
multiple: 1.0,
- scale: new SmartEarth.Cesium.Cartesian3(20, 20, 20),
+ scale: new SmartEarth.Cesium.Cartesian3(80, 80, 80),
+ color:"#00ff00"
});
console.log("point", point);
emergencyAreaList.push(point);
@@ -1048,7 +1056,7 @@
treeRef.value.setCheckedKeys(defaultKeys.concat("瀛欒儭娌熼殣鎮ｇ偣"), true);
toggleLayerVisible("瀛欒儭娌熼殣鎮ｇ偣", true);
toggleLayerVisible("缁煎悎鐩戞祴璁惧淇℃伅", false);
- toggleLayerVisible("瀛欒儭娌熶豢鐪熸爣娉ㄥ湴鐗�", false);
+ toggleLayerVisible("瀛欒儭娌熸柇闈�", false);
} else if (path == "/zhjc") {
treeRef.value.setCheckedKeys(
defaultKeys.concat("缁煎悎鐩戞祴璁惧淇℃伅"),
@@ -1056,13 +1064,13 @@
);
toggleLayerVisible("缁煎悎鐩戞祴璁惧淇℃伅", true);
toggleLayerVisible("瀛欒儭娌熼殣鎮ｇ偣", false);
- toggleLayerVisible("瀛欒儭娌熶豢鐪熸爣娉ㄥ湴鐗�", false);
+ toggleLayerVisible("瀛欒儭娌熸柇闈�", false);
} else if (path == "/mnfz") {
treeRef.value.setCheckedKeys(
- defaultKeys.concat("瀛欒儭娌熶豢鐪熸爣娉ㄥ湴鐗�"),
+ defaultKeys.concat("瀛欒儭娌熸柇闈�"),
true
);
- toggleLayerVisible("瀛欒儭娌熶豢鐪熸爣娉ㄥ湴鐗�", true);
+ toggleLayerVisible("瀛欒儭娌熸柇闈�", true);
toggleLayerVisible("瀛欒儭娌熼殣鎮ｇ偣", false);
toggleLayerVisible("缁煎悎鐩戞祴璁惧淇℃伅", false);
} else {
diff --git a/src/utils/area.js b/src/utils/area.js
index d413279..787fc9d 100644
--- a/src/utils/area.js
+++ b/src/utils/area.js
@@ -4,7 +4,7 @@
export function loadAreaPolygon(url, isPolluted = false) {
let color = new Cesium.Color(1.0, 0.0, 0.0, 0.1)
if (isPolluted) {
- color = Cesium.Color.SKYBLUE
+ color = Cesium.Color.GREEN
}
// 浣跨敤 GeoJsonDataSource 鍔犺浇 GeoJSON 鏁版嵁
const dataSourcePromise = Cesium.GeoJsonDataSource.load(url, {
diff --git a/src/views/mnfz.vue b/src/views/mnfz.vue
index 2300f8f..c92927c 100644
--- a/src/views/mnfz.vue
+++ b/src/views/mnfz.vue
@@ -59,15 +59,19 @@
const MaxInfluenceAreaList = ref([]);
const dataSources = [];
function getTimeMarkers() {
- // 灏嗘敼 list鏁版嵁鐨� gemo EPSG:4548 鍧愭爣 杞负 wgs84 鍧愭爣绯荤殑 geojson 鏁版嵁
+ // 灏� list 鏁版嵁鐨� geom EPSG:4548 鍧愭爣杞崲涓� WGS84 鍧愭爣绯荤殑 GeoJSON 鏁版嵁
const list = MaxInfluenceAreaList.value;
list.forEach((item, index) => {
- const geosjon = geomToGeoJSON(item.geom);
- Cesium.GeoJsonDataSource.load(geosjon, {
- stroke: Cesium.Color.RED, // 杈规棰滆壊
- strokeWidth: 2, // 杈规瀹藉害
- fill: Cesium.Color.RED.withAlpha(0.5), // 濉厖棰滆壊锛堝甫閫忔槑搴︼級
- }).then((dataSource) => {
+ const geojson = geomToGeoJSON(item.geom);
+ Cesium.GeoJsonDataSource.load(geojson).then((dataSource) => {
+ // 璁剧疆鏍峰紡锛屽皢棰滆壊鏀逛负绾㈣壊
+ dataSource.entities.values.forEach((entity) => {
+ entity.polygon.material = new Cesium.Color(1.0, 0.0, 0.0, 0.6); // 绾㈣壊锛�80% 涓嶉�忔槑搴�
+ entity.polygon.outlineColor = Cesium.Color.YELLOW; // 璁剧疆杞粨棰滆壊涓虹孩鑹诧紙濡傛灉闇�瑕侊級
+ entity.polygon.outline = true; // 鏄剧ず杞粨锛堝鏋滈渶瑕侊級
+ });
+
+ // 娣诲姞鏁版嵁婧愬埌 viewer
viewer.dataSources.add(dataSource);
dataSources.push(dataSource);
});
--
Gitblit v1.9.3