From c987705058e8145e0b0773eb5ce1a69e1f7aa65a Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Mon, 02 Feb 2026 10:40:46 +0800
Subject: [PATCH] feat:缓冲圆半径显示处理
---
applications/drone-command/src/utils/cesium/shapeTools/draw/DrawBufferCircleTool.js | 42 +++++++++++++++++++++++++++++++++++++++++-
1 files changed, 41 insertions(+), 1 deletions(-)
diff --git a/applications/drone-command/src/utils/cesium/shapeTools/draw/DrawBufferCircleTool.js b/applications/drone-command/src/utils/cesium/shapeTools/draw/DrawBufferCircleTool.js
index 71e04c8..645e5c4 100644
--- a/applications/drone-command/src/utils/cesium/shapeTools/draw/DrawBufferCircleTool.js
+++ b/applications/drone-command/src/utils/cesium/shapeTools/draw/DrawBufferCircleTool.js
@@ -1,7 +1,7 @@
import * as Cesium from 'cesium'
import { MapTooltip } from '@ztzf/utils'
import { ToolBase } from '../ToolBase'
-import { buildEllipsePositions } from '../shapeUtils'
+import { buildEllipsePositions, formatBufferRadius } from '../shapeUtils'
export class DrawBufferCircleTool extends ToolBase {
constructor(viewer) {
@@ -21,6 +21,9 @@
this.radiusPoint1 = null
this.radiusPoint2 = null
this.radiusPoint3 = null
+ this.radiusLevel1LabelEntity = null
+ this.radiusLevel2LabelEntity = null
+ this.radiusLevel3LabelEntity = null
this.isDrawing = false
this.drawStep = 0
this.isCompleted = false
@@ -193,6 +196,10 @@
material: Cesium.Color.fromBytes(0, 251, 255, 255),
},
})
+
+ this.radiusLevel1LabelEntity = this.createRadiusLabelEntity(() => this.radiusLevel1)
+ this.radiusLevel2LabelEntity = this.createRadiusLabelEntity(() => this.radiusLevel2)
+ this.radiusLevel3LabelEntity = this.createRadiusLabelEntity(() => this.radiusLevel3)
}
clearPreviewEntities() {
@@ -204,6 +211,9 @@
this.circleLevel1OutlineEntity = null
this.circleLevel2OutlineEntity = null
this.circleLevel3OutlineEntity = null
+ this.radiusLevel1LabelEntity = null
+ this.radiusLevel2LabelEntity = null
+ this.radiusLevel3LabelEntity = null
}
getSurfaceDistance(startCartesian, endCartesian) {
@@ -218,6 +228,33 @@
const cartesian = scene.pickPosition(screenPosition)
if (cartesian) return cartesian
return scene.camera.pickEllipsoid(screenPosition, scene.globe.ellipsoid)
+ }
+
+ getRadiusPoint(radius) {
+ const frame = Cesium.Transforms.eastNorthUpToFixedFrame(this.centerCartesian)
+ const local = new Cesium.Cartesian3(radius, 0, 0)
+ return Cesium.Matrix4.multiplyByPoint(frame, local, new Cesium.Cartesian3())
+ }
+
+ createRadiusLabelEntity(getRadius) {
+ return this.dataSource.entities.add({
+ position: new Cesium.CallbackProperty(() => this.getRadiusPoint(getRadius()), false),
+ label: {
+ text: new Cesium.CallbackProperty(() => formatBufferRadius(getRadius()), false),
+ font: '14px Source Han Sans CN',
+ fillColor: Cesium.Color.WHITE,
+ outlineColor: Cesium.Color.fromBytes(24, 48, 92, 255),
+ outlineWidth: 2,
+ style: Cesium.LabelStyle.FILL_AND_OUTLINE,
+ showBackground: true,
+ backgroundColor: Cesium.Color.fromBytes(8, 12, 22, 180),
+ heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
+ verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+ horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+ pixelOffset: new Cesium.Cartesian2(0, -12),
+ disableDepthTestDistance: Number.POSITIVE_INFINITY,
+ },
+ })
}
destroy() {
@@ -241,6 +278,9 @@
this.radiusPoint1 = null
this.radiusPoint2 = null
this.radiusPoint3 = null
+ this.radiusLevel1LabelEntity = null
+ this.radiusLevel2LabelEntity = null
+ this.radiusLevel3LabelEntity = null
this.isDrawing = false
this.drawStep = 0
this.isCompleted = false
--
Gitblit v1.9.3