多mb轨迹控制打开和显隐等

src/js/Radar.js

@@ -8,6 +8,7 @@ export default class Radar {
     this.minimumClock = options.minimumClock || 360
     this.entity = null
 
+    this.label = options.label
     this.bindEntity = options.bindEntity
   }
   cartesian32LonLat(cartesian3) {
@@ -27,6 +28,15 @@ export default class Radar {
           this.bindEntity.position.getValue(viewer.clock.currentTime)
         return position
       }),
+      label: {
+        text: this.label,
+        font: '14px sans-serif',
+        fillColor: Cesium.Color.fromCssColorString('#fff'),
+        outlineColor: Cesium.Color.fromCssColorString('#000'),
+        outlineWidth: 2,
+        style: Cesium.LabelStyle.FILL_AND_OUTLINE,
+        pixelOffset: new Cesium.Cartesian2(0, -20),
+      },
       ellipsoid: {
         innerRadii: new Cesium.Cartesian3(1.0, 1.0, 1.0),
         radii: new Cesium.Cartesian3(this.radius, this.radius, this.radius),

src/views/MultiTrajPlayback/hooks/useDetectionLoad.js

@@ -14,6 +14,7 @@ function addSectorDetectionLoad({
   maximumClock,
   minimumClock,
   bindEntity,
+  name,
 }) {
   const radar = new Radar({
     radius,
@@ -22,6 +23,7 @@ function addSectorDetectionLoad({
     maximumClock,
     minimumClock,
     bindEntity,
+    label: name,
   })
 
   const sector = radar.create()
@@ -34,6 +36,7 @@ function addConicDetectionLoad({
   bindEntity,
   heading,
   pitch,
+  name,
   show = true,
 }) {
   const conicSensor = new CesiumSensorVolumes.ConicSensorGraphics({
@@ -56,6 +59,15 @@ function addConicDetectionLoad({
         bindEntity.position.getValue(viewer.clock.currentTime)
       return position
     }),
+    label: {
+      text: name,
+      font: '14px sans-serif',
+      fillColor: Cesium.Color.fromCssColorString('#fff'),
+      outlineColor: Cesium.Color.fromCssColorString('#000'),
+      outlineWidth: 2,
+      style: Cesium.LabelStyle.FILL_AND_OUTLINE,
+      pixelOffset: new Cesium.Cartesian2(0, 20),
+    },
     orientation: new Cesium.CallbackProperty(() => {
       const position =
         bindEntity.position._value ||

src/views/MultiTrajPlayback/hooks/useMultiZBTraj.js

@@ -68,6 +68,7 @@ export function useMultiZBTraj() {
           id: `${item.id}`,
           bindEntity: ZBEntity,
           ...item,
+          name: item.id,
         })
         payloadMap.set(id, [...(payloadMap.get(id) || []), radar])
       })
@@ -77,6 +78,7 @@ export function useMultiZBTraj() {
           id: `${item.id}`,
           bindEntity: ZBEntity,
           ...item,
+          name: item.id,
         })
         payloadMap.set(id, [...(payloadMap.get(id) || []), conic])
       })