huweili-cesium 1.3.1 → 1.3.2

package/js/drawFenceNew.js

@@ -1006,6 +1006,8 @@ export function drawFenceNew() {
     let ellipseEntity = null
     // tipEntity：提示文字实体（显示"点击确定圆心"等提示）
     let tipEntity = null
+    // radiusLabelEntity：绘制过程中显示当前半径的标签
+    let radiusLabelEntity = null
     // nameLabelEntity：围栏名称标签实体
     let nameLabelEntity = null
     // handler：屏幕事件处理器（监听鼠标点击、移动等）
@@ -1019,7 +1021,8 @@ export function drawFenceNew() {
       ellipse: `${options.id}_draw_circle_wall`,  // 临时椭圆围栏
       center: `${options.id}_draw_center_point`,  // 临时圆心点
       active: `${options.id}_draw_active_point`,  // 临时边界点
-      tip: `${options.id}_draw_tip`               // 临时提示文字
+      tip: `${options.id}_draw_tip`,              // 临时提示文字
+      radiusLabel: `${options.id}_draw_radius_label`,  // 临时半径标签
     }
 
     // ==================== 辅助函数部分 ====================
@@ -1078,6 +1081,23 @@ export function drawFenceNew() {
       return geodesic.surfaceDistance
     }
 
+    const formatRadius = (radius) => {
+      if (!Number.isFinite(radius)) return '0 m'
+      if (radius >= 1000) return `${(radius / 1000).toFixed(2)} km`
+      return `${radius.toFixed(2)} m`
+    }
+
+    const getRadiusLabelPosition = () => {
+      if (!centerPosition || !edgePosition) return null
+      const centerCartographic = Cesium.Cartographic.fromCartesian(centerPosition)
+      const edgeCartographic = Cesium.Cartographic.fromCartesian(edgePosition)
+      return Cesium.Cartesian3.fromRadians(
+        (centerCartographic.longitude + edgeCartographic.longitude) / 2,
+        (centerCartographic.latitude + edgeCartographic.latitude) / 2,
+        0,
+      )
+    }
+
     /**
      * 获取提示文字的位置（鼠标位置优先）
      * 
@@ -1099,7 +1119,7 @@ export function drawFenceNew() {
       }
 
       // 已经有圆心 → 提示用户"移动调整半径，点击或右键完成"
-      return '移动鼠标调整半径，点击或右键完成绘制'
+      return `移动鼠标调整半径，当前半径：${formatRadius(getRadius())}，点击或右键完成绘制`
     }
 
     /**
@@ -1180,7 +1200,32 @@ export function drawFenceNew() {
         })
       }
 
-      // 4. 创建提示文字实体（如果还没有）
+      // 4. 创建半径标签（确定圆心后显示）
+      if (!radiusLabelEntity && centerPosition) {
+        radiusLabelEntity = map.entities.add({
+          id: tempIds.radiusLabel,
+          position: new Cesium.CallbackProperty(() => getRadiusLabelPosition(), false),
+          label: {
+            text: new Cesium.CallbackProperty(() => formatRadius(getRadius()), false),
+            font: 'bold 10px Microsoft YaHei',
+            fillColor: Cesium.Color.WHITE,
+            style: Cesium.LabelStyle.FILL_AND_OUTLINE,
+            outlineColor: Cesium.Color.BLACK,
+            outlineWidth: 2,
+            showBackground: true,
+            backgroundColor: Cesium.Color.fromCssColorString('rgba(0, 0, 0, 0.75)'),
+            backgroundPadding: new Cesium.Cartesian2(4, 4),
+            verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+            horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+            pixelOffset: new Cesium.Cartesian2(0, -16),
+            disableDepthTestDistance: Number.POSITIVE_INFINITY,
+            distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 2000000),
+            scaleByDistance: new Cesium.NearFarScalar(1000, 1.2, 5000000, 0.6),
+          },
+        })
+      }
+
+      // 5. 创建提示文字实体（如果还没有）
       if (!tipEntity) {
         tipEntity = createMouseTipEntity(map, {
           id: tempIds.tip,
@@ -1196,7 +1241,7 @@ export function drawFenceNew() {
      */
     const cleanupTempEntities = () => {
       // 遍历所有临时实体，如果存在就从地图上移除
-      ;[ellipseEntity, centerPointEntity, activePointEntity, tipEntity, nameLabelEntity].forEach((entity) => {
+      ;[ellipseEntity, centerPointEntity, activePointEntity, radiusLabelEntity, tipEntity, nameLabelEntity].forEach((entity) => {
         if (entity) {
           map.entities.remove(entity)
         }
@@ -1205,6 +1250,7 @@ export function drawFenceNew() {
       ellipseEntity = null
       centerPointEntity = null
       activePointEntity = null
+      radiusLabelEntity = null
       nameLabelEntity = null
     }
 
@@ -1273,13 +1319,14 @@ export function drawFenceNew() {
 
       await applyTerrainWallToEntity(map, fenceEntity, circleLngLats, height)
 
-      ;[centerPointEntity, activePointEntity, tipEntity].forEach((entity) => {
+      ;[centerPointEntity, activePointEntity, radiusLabelEntity, tipEntity].forEach((entity) => {
         if (entity) {
           map.entities.remove(entity)
         }
       })
       centerPointEntity = null
       activePointEntity = null
+      radiusLabelEntity = null
       tipEntity = null
 
       const centerHeights = await sampleTerrainHeights(map, [centerData])

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "huweili-cesium",
-  "version": "1.3.1",
+  "version": "1.3.2",
   "description": "基于 Cesium 的地图工具库（无人机态势、轨迹、围栏、工具栏等）",
   "type": "module",
   "main": "./index.js",