feat:缓冲圆半径显示处理

shuishen

2026-02-02 c987705058e8145e0b0773eb5ce1a69e1f7aa65a

 applications/drone-command/src/utils/cesium/shapeTools/edit/EditBufferCircleTool.js

@@ -1,7 +1,7 @@
import * as Cesium from 'cesium'
import { MapTooltip } from '@ztzf/utils'
import { ToolBase } from '../ToolBase'
import { buildEllipsePositions, cartesianToLocal } from '../shapeUtils'
import { buildEllipsePositions, cartesianToLocal, formatBufferRadius } from '../shapeUtils'

const normalizePoints = points =>
   (points || []).map(point => ({
@@ -49,6 +49,9 @@
      this.radiusLevel1Entity = null
      this.radiusLevel2Entity = null
      this.radiusLevel3Entity = null
      this.radiusLevel1LabelEntity = null
      this.radiusLevel2LabelEntity = null
      this.radiusLevel3LabelEntity = null
   }

   start(data = []) {
@@ -272,6 +275,10 @@
         },
         customType: 'circle-radius-3',
      })

      this.radiusLevel1LabelEntity = this.createRadiusLabelEntity(() => this.radiusLevel1)
      this.radiusLevel2LabelEntity = this.createRadiusLabelEntity(() => this.radiusLevel2)
      this.radiusLevel3LabelEntity = this.createRadiusLabelEntity(() => this.radiusLevel3)
   }

   updateRadiusPoints() {
@@ -301,6 +308,27 @@
      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,
         },
      })
   }

   getPositionFromScreen(screenPosition) {
@@ -346,6 +374,9 @@
      this.circleLevel1OutlineEntity = null
      this.circleLevel2OutlineEntity = null
      this.circleLevel3OutlineEntity = null
      this.radiusLevel1LabelEntity = null
      this.radiusLevel2LabelEntity = null
      this.radiusLevel3LabelEntity = null
      this.dragType = null
   }
}