diff --git a/src/js/Radar.js b/src/js/Radar.js index a10ce565d..8f736875a 100644 --- a/src/js/Radar.js +++ b/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), diff --git a/src/views/MultiTrajPlayback/hooks/useDetectionLoad.js b/src/views/MultiTrajPlayback/hooks/useDetectionLoad.js index b42cb9f76..74a2d981b 100644 --- a/src/views/MultiTrajPlayback/hooks/useDetectionLoad.js +++ b/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 || diff --git a/src/views/MultiTrajPlayback/hooks/useMultiZBTraj.js b/src/views/MultiTrajPlayback/hooks/useMultiZBTraj.js index 78047d905..d9ca19770 100644 --- a/src/views/MultiTrajPlayback/hooks/useMultiZBTraj.js +++ b/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]) })