huweili-cesium 1.2.15 → 1.2.17

package/js/measureDistance.js

@@ -123,8 +123,10 @@ export function measureDistance() {
     let endPointEntity = null
     let lineEntity = null
     let distanceLabelEntity = null
+    let deleteButtonEntity = null
     let tipEntity = null
     let handler = null
+    let deleteHandler = null
     let isFinished = false
 
     const tempIds = {
@@ -132,7 +134,8 @@ export function measureDistance() {
       endPoint: `${options.id}_measure_end_point`,
       line: `${options.id}_measure_line`,
       label: `${options.id}_measure_label`,
-      tip: `${options.id}_measure_tip`
+      tip: `${options.id}_measure_tip`,
+      deleteButton: `${options.id}_measure_delete_button`
     }
 
     const getLinePositions = () => {
@@ -246,14 +249,39 @@ export function measureDistance() {
       })
     }
 
+    const createDeleteButtonEntity = () => {
+      if (deleteButtonEntity || !endPosition) return
+      deleteButtonEntity = map.entities.add({
+        id: tempIds.deleteButton,
+        position: new Cesium.CallbackProperty(() => endPosition, false),
+        label: {
+          text: '删除',
+          font: '700 13px Microsoft YaHei',
+          style: Cesium.LabelStyle.FILL_AND_OUTLINE,
+          fillColor: Cesium.Color.WHITE,
+          outlineColor: Cesium.Color.fromCssColorString('#b71c1c'),
+          outlineWidth: 4,
+          showBackground: true,
+          backgroundColor: Cesium.Color.fromCssColorString('rgba(244, 67, 54, 0.96)'),
+          backgroundPadding: new Cesium.Cartesian2(12, 7),
+          verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+          horizontalOrigin: Cesium.HorizontalOrigin.LEFT,
+          pixelOffset: new Cesium.Cartesian2(16, -34),
+          disableDepthTestDistance: Number.POSITIVE_INFINITY,
+          distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, Number.POSITIVE_INFINITY)
+        }
+      })
+    }
+
     const removeTemporaryEntities = () => {
-      ;[startPointEntity, endPointEntity, lineEntity, distanceLabelEntity, tipEntity].forEach((entity) => {
+      ;[startPointEntity, endPointEntity, lineEntity, distanceLabelEntity, deleteButtonEntity, tipEntity].forEach((entity) => {
         if (entity) map.entities.remove(entity)
       })
       startPointEntity = null
       endPointEntity = null
       lineEntity = null
       distanceLabelEntity = null
+      deleteButtonEntity = null
       tipEntity = null
     }
 
@@ -262,6 +290,16 @@ export function measureDistance() {
         handler.destroy()
         handler = null
       }
+      if (deleteHandler) {
+        deleteHandler.destroy()
+        deleteHandler = null
+      }
+    }
+
+    const destroyGraphic = () => {
+      destroyHandler()
+      removeTemporaryEntities()
+      mapStore.removeGraphicMap(options.id, options.mapId)
     }
 
     const cancel = () => {
@@ -280,6 +318,7 @@ export function measureDistance() {
         tipEntity = null
       }
       createEndPointEntity()
+      createDeleteButtonEntity()
       const result = buildResult()
       const graphic = {
         id: options.id,
@@ -287,6 +326,7 @@ export function measureDistance() {
         endPointEntity,
         lineEntity,
         labelEntity: distanceLabelEntity,
+        deleteButtonEntity,
         result,
         type: 'measureDistance'
       }
@@ -336,11 +376,21 @@ export function measureDistance() {
       cancel()
     }, Cesium.ScreenSpaceEventType.RIGHT_CLICK)
 
+    deleteHandler = new Cesium.ScreenSpaceEventHandler(map.scene.canvas)
+    deleteHandler.setInputAction((movement) => {
+      const picked = map.scene.pick(movement.position)
+      const pickedEntity = picked?.id
+      if (!Cesium.defined(pickedEntity) || pickedEntity !== deleteButtonEntity) return
+      destroyGraphic()
+      if (typeof options.onDelete === 'function') options.onDelete(options.id)
+    }, Cesium.ScreenSpaceEventType.LEFT_CLICK)
+
     return {
       id: options.id,
       finish: finalize,
       cancel,
       destroy: cancel,
+      delete: destroyGraphic,
       getStart: () => (startPosition ? cartesianToLngLatHeight(startPosition) : null),
       getEnd: () => (endPosition ? cartesianToLngLatHeight(endPosition) : null),
       getDistance: () => getGroundDistance(startPosition, endPosition || floatingPosition),

package/package.json

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