huweili-cesium 1.3.6 → 1.3.7

package/js/labelDiv.js

@@ -9,6 +9,8 @@ import { useMapStore } from './stores/mapStore.js'
 const SVG_NS = 'http://www.w3.org/2000/svg';
 // 详情面板文字刷新最小间隔（毫秒），避免每帧跑逻辑
 const DRONE_INFO_UPDATE_MIN_MS = 1000;
+// 接收时间单独快更新（与界面列表对齐，不拖累其它字段的节流）
+const DRONE_RECEIVE_TIME_UPDATE_MIN_MS = 100;
 
 /** @typedef {{ lng: string, lat: string, alt: string, speed: string, flyingHandName: string, flyingHandPhone: string, flyingHandPosition: string, frequencyBand: string, distance: string, receiveTime: string }} DroneInfoDisplay */
 
@@ -78,7 +80,16 @@ function formatDroneInfoDisplay(info) {
  * @returns {string}
  */
 function buildInfoFingerprint(display) {
-  return `${display.lng}|${display.lat}|${display.alt}|${display.speed}|${display.flyingHandName}|${display.flyingHandPhone}|${display.frequencyBand}|${display.distance}|${display.receiveTime}`;
+  return `${buildInfoFingerprintWithoutTime(display)}|${display.receiveTime}`;
+}
+
+/**
+ * 详情面板指纹（不含接收时间，供慢更新通道比对）
+ * @param {DroneInfoDisplay} display
+ * @returns {string}
+ */
+function buildInfoFingerprintWithoutTime(display) {
+  return `${display.lng}|${display.lat}|${display.alt}|${display.speed}|${display.flyingHandName}|${display.flyingHandPhone}|${display.frequencyBand}|${display.distance}|${display.flyingHandPosition}`;
 }
 
 /**
@@ -169,7 +180,9 @@ export function labelDiv() {
     let dragRafId = 0;
     let rafId = 0; // 是用来存储 requestAnimationFrame 的返回ID，用于管理无人机信息的实时刷新
     let lastInfoText = '';
+    let lastReceiveTimeText = '';
     let lastInfoTick = 0;
+    let lastReceiveTimeTick = 0;
     /** @type {DroneInfoDisplay|null} */
     let cachedInfoDisplay = null;
     let infoDiv = null;
@@ -231,37 +244,54 @@ export function labelDiv() {
       document.removeEventListener('pointerup', onPointerEnd);
     };
 
-    // 实时刷新无人机经纬度、高度、速度（节流，避免 60fps 空转）
-    function updateDroneInfo(ts) {
-      if (!infoDiv) return;
-      const now = ts ?? performance.now();
-      if (now - lastInfoTick < DRONE_INFO_UPDATE_MIN_MS) {
-        rafId = requestAnimationFrame(updateDroneInfo);
-        return;
+    // 接收时间快通道：100ms 轮询，与界面列表更接近
+    const updateReceiveTime = (display, now) => {
+      if (!infoFieldEls?.receiveTimeEl) return;
+      if (now - lastReceiveTimeTick < DRONE_RECEIVE_TIME_UPDATE_MIN_MS) return;
+
+      lastReceiveTimeTick = now;
+      const nextReceiveTime = display.receiveTime;
+      if (nextReceiveTime === lastReceiveTimeText) return;
+
+      infoFieldEls.receiveTimeEl.textContent = nextReceiveTime;
+      lastReceiveTimeText = nextReceiveTime;
+      if (cachedInfoDisplay) {
+        cachedInfoDisplay.receiveTime = nextReceiveTime;
       }
+    };
+
+    // 其它字段慢通道：1s 节流，避免每帧跑逻辑
+    const updateOtherDroneInfo = (display, now) => {
+      if (!infoFieldEls || now - lastInfoTick < DRONE_INFO_UPDATE_MIN_MS) return;
 
       lastInfoTick = now;
+      const nextInfoText = buildInfoFingerprintWithoutTime(display);
+      if (nextInfoText === lastInfoText) return;
+
+      const {
+        lngEl, latEl, altEl, speedEl, flyingHandNameEl, flyingHandPhoneEl, flyingHandPositionEl, distanceEl
+      } = infoFieldEls;
+      if (lngEl) lngEl.textContent = display.lng;
+      if (latEl) latEl.textContent = display.lat;
+      if (altEl) altEl.textContent = display.alt;
+      if (speedEl) speedEl.textContent = display.speed;
+      if (flyingHandNameEl) flyingHandNameEl.textContent = display.flyingHandName;
+      if (flyingHandPhoneEl) flyingHandPhoneEl.textContent = display.flyingHandPhone;
+      if (distanceEl) distanceEl.textContent = display.distance;
+      if (flyingHandPositionEl) flyingHandPositionEl.textContent = display.flyingHandPosition;
+      lastInfoText = nextInfoText;
+      cachedInfoDisplay = display;
+      lastReceiveTimeText = display.receiveTime;
+    };
 
+    function updateDroneInfo(ts) {
+      if (!infoDiv) return;
+      const now = ts ?? performance.now();
       const info = labelItem.getInfo ? labelItem.getInfo() : null;
       const display = resolveInfoDisplay(info, cachedInfoDisplay);
-      const nextInfoText = buildInfoFingerprint(display);
-
-      if (nextInfoText !== lastInfoText && infoFieldEls) {
-        const {
-          lngEl, latEl, altEl, speedEl, flyingHandNameEl, flyingHandPhoneEl, flyingHandPositionEl, distanceEl, receiveTimeEl
-        } = infoFieldEls;
-        if (lngEl) lngEl.textContent = display.lng;
-        if (latEl) latEl.textContent = display.lat;
-        if (altEl) altEl.textContent = display.alt;
-        if (receiveTimeEl) receiveTimeEl.textContent = display.receiveTime;
-        if (speedEl) speedEl.textContent = display.speed;
-        if (flyingHandNameEl) flyingHandNameEl.textContent = display.flyingHandName;
-        if (flyingHandPhoneEl) flyingHandPhoneEl.textContent = display.flyingHandPhone;
-        if (distanceEl) distanceEl.textContent = display.distance;
-        if (flyingHandPositionEl) flyingHandPositionEl.textContent = display.flyingHandPosition;
-        lastInfoText = nextInfoText;
-        cachedInfoDisplay = display;
-      }
+
+      updateReceiveTime(display, now);
+      updateOtherDroneInfo(display, now);
 
       rafId = requestAnimationFrame(updateDroneInfo);
     }
@@ -392,9 +422,11 @@ export function labelDiv() {
         };
       }
 
-      lastInfoText = buildInfoFingerprint(initialDisplay);
+      lastInfoText = buildInfoFingerprintWithoutTime(initialDisplay);
+      lastReceiveTimeText = initialDisplay.receiveTime;
       cachedInfoDisplay = initialDisplay;
       lastInfoTick = 0;
+      lastReceiveTimeTick = 0;
       updateDroneInfo();
 
       // 关闭时移除动画帧

package/package.json

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