From fa2f807f76c3208c0c5bc58c32547f426d506a6d Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Fri, 11 Apr 2025 16:21:00 +0800
Subject: [PATCH] 行政区划显示调整
---
src/views/Home/useMapAggregation/useMapAggregation.js | 47 ++++++++++++++++++++++++++++++++++++-----------
1 files changed, 36 insertions(+), 11 deletions(-)
diff --git a/src/views/Home/useMapAggregation/useMapAggregation.js b/src/views/Home/useMapAggregation/useMapAggregation.js
index 5a5f90c..fe993cf 100644
--- a/src/views/Home/useMapAggregation/useMapAggregation.js
+++ b/src/views/Home/useMapAggregation/useMapAggregation.js
@@ -16,6 +16,14 @@
/**
* 机巢聚合功能
*/
+
+let arrColor = ["rgb(15,176,255)", "rgb(18,76,154)", "#40C4E4", "#42B2BE", "rgb(51,176,204)", "#8CB7E5", "rgb(0,244,188)", "#139FF0"]
+
+let index = 0
+function getColor () {
+ return arrColor[++index % arrColor.length]
+}
+
export const useMapAggregation = type => {
const { flyTo } = cesiumOperation()
@@ -266,7 +274,26 @@
entities.forEach((entity, index) => {
// 创建独立折线作为轮廓
const positions = entity.polygon.hierarchy.getValue().positions
- viewer.entities.add({
+ const randomInt = Math.floor(Math.random() * 5) + 1
+
+ let polygon = {}
+
+ if (item.name == '县') {
+ let material = new PolyGradientMaterial({
+ color: Cesium.Color.fromCssColorString(arrColor[randomInt]),
+ opacity: 0.7,
+ alphaPower: 1.3
+ })
+
+ entity.polygon.extrudedHeight = (entity.properties.childrenNum._value || 1) * 500
+
+ entity.polygon.material = material
+
+ polygon = entity.polygon
+ entity.polygon.outline = false // 显示边框
+ }
+
+ let curEntity = viewer.entities.add({
id: `aggregation-outline-${index}`,
polyline: {
positions: positions,
@@ -276,6 +303,13 @@
color: Cesium.Color.AQUA,
}),
},
+
+ polygon
+ })
+
+ item.name == '县' && viewer.flyTo(curEntity, {
+ offset: new Cesium.HeadingPitchRange(0, Cesium.Math.toRadians(-60), 0),
+ duration: 0.5,
})
})
})
@@ -336,17 +370,8 @@
})
})
- let arrColor = ["rgb(15,176,255)", "rgb(18,76,154)", "#40C4E4", "#42B2BE", "rgb(51,176,204)", "#8CB7E5", "rgb(0,244,188)", "#139FF0"]
-
- let index = 0
- function getColor () {
- return arrColor[++index % arrColor.length]
- }
-
// 加载边界
Cesium.GeoJsonDataSource.load(item.gJson).then(dataSource => {
- console.log(dataSource, item.gJson)
-
viewer.dataSources.add(dataSource)
item.BJDataSource = dataSource // 保存数据源以便后续删除
// 获取数据源中的实体
@@ -457,7 +482,7 @@
}
// 移除弹框标签
const removeLabel = () => {
- viewer.scene.postRender.removeEventListener(labelBoxRender)
+ viewer?.scene.postRender.removeEventListener(labelBoxRender)
removeDom()
}
--
Gitblit v1.9.3