gisviewer-vue3-arcgis 1.0.107 → 1.0.109

package/es/src/gis-map/gis-map.vue.mjs

@@ -1,115 +1,115 @@
-import { defineComponent as ae, ref as re, onMounted as se, getCurrentInstance as oe, computed as ce, openBlock as ie, createElementBlock as le, createElementVNode as me } from "vue";
-import pe, { registerStore as ue } from "./stores/index.mjs";
+import { defineComponent as ae, ref as ne, onMounted as oe, getCurrentInstance as re, computed as se, openBlock as ce, createElementBlock as ie, createElementVNode as le } from "vue";
+import me, { registerStore as pe } from "./stores/index.mjs";
 import "./style/index.css";
-import d from "./utils/holo-flow/index.mjs";
+import ue from "./utils/holo-flow/index.mjs";
 import fe from "./utils/map-initializer.mjs";
 import ge from "./utils/open-drive-renderer/index.mjs";
 import de from "./utils/overlay.mjs";
-import ye from "./utils/queue-length.mjs";
-import v from "./utils/road-config-tool/index.mjs";
-import Ce from "./utils/traffic-flow.mjs";
-const ve = { class: "gis-viewer" }, Se = /* @__PURE__ */ ae({
+import we from "./utils/queue-length.mjs";
+import y from "./utils/road-config-tool/index.mjs";
+import ye from "./utils/traffic-flow.mjs";
+const Ce = { class: "gis-viewer" }, Se = /* @__PURE__ */ ae({
   __name: "gis-map",
   props: {
     config: {},
     assetsRoot: {}
   },
   emits: ["mapLoaded", "markerClick", "mapClick"],
-  setup(O, { expose: w, emit: T }) {
-    const m = re(null);
-    let s, o, a, r, t, n, i, l;
-    ue(), se(async () => {
+  setup(C, { expose: h, emit: v }) {
+    const m = ne(null);
+    let r, s, a, n, o, t, i, l;
+    pe(), oe(async () => {
       if (!m.value)
         return;
-      const e = oe(), { $gisviewerAssetsRoot: c } = e.appContext.config.globalProperties, C = await (await fetch(y.config)).json();
-      C.assetsRoot = y.assetsRoot || c;
-      const te = pe.useAppDataStore;
-      te.mapConfig = C, o = new fe(), s = await o.initialize({
+      const e = re(), { $gisviewerAssetsRoot: c } = e.appContext.config.globalProperties, w = await (await fetch(d.config)).json();
+      w.assetsRoot = d.assetsRoot || c;
+      const ee = me.useAppDataStore;
+      ee.mapConfig = w, s = new fe(), r = await s.initialize({
         container: m.value,
-        markerClickCallback: (u, f, g, ne) => {
-          p("markerClick", u, f, g, ne);
+        markerClickCallback: (u, f, g, te) => {
+          p("markerClick", u, f, g, te);
         },
         mapClickCallback: (u, f, g) => {
           p("mapClick", u, f, g);
         }
-      }), t = new d(s), p("mapLoaded");
+      }), o = new ue(r), await o.init(), p("mapLoaded");
     });
-    const k = ce(() => s), I = async (e) => await o.setMapCenter(e), b = async (e) => await o.setMapCamera(e), A = async (e) => await o.lookAt(e), L = (e) => o.setLayerVisibility(e), h = (e, c) => o.requestCoordinateTransform(e, c), D = (e) => {
-      o.cancelCoordinateTransform(e);
-    }, S = (e) => {
-      o.setMapZoomRange(e);
-    }, _ = (e) => (a || (a = new v(s)), a.showLaneNumber(e)), M = () => {
+    const O = se(() => r), T = async (e) => await s.setMapCenter(e), k = async (e) => await s.setMapCamera(e), I = async (e) => await s.lookAt(e), b = (e) => s.setLayerVisibility(e), A = (e, c) => s.requestCoordinateTransform(e, c), L = (e) => {
+      s.cancelCoordinateTransform(e);
+    }, D = (e) => {
+      s.setMapZoomRange(e);
+    }, S = (e) => (a || (a = new y(r)), a.showLaneNumber(e)), _ = () => {
       a == null || a.clearLaneNumber();
-    }, R = async (e) => (a || (a = new v(s)), await a.initializeSearch(e)), V = async () => a == null ? void 0 : a.calCrossIndicatorArea(), x = async () => {
-    }, B = async (e, c) => {
-      r || (r = new Ce(s)), r.connectTrafficFlow(e, c);
-    }, H = () => {
-      r == null || r.disconnectTrafficFlow();
-    }, z = (e) => {
-      t || (t = new d(s)), t.handleVehicleTraceData(e);
-    }, N = () => {
-      t == null || t.clearHoloTrace();
-    }, Q = (e) => {
-      t == null || t.setInterpolate(e);
-    }, j = async (e) => {
-      t || (t = new d(s)), await t.handleSignalData(e);
-    }, P = () => {
-      t == null || t.clearHoloSignal();
+    }, M = async (e) => (a || (a = new y(r)), await a.initializeSearch(e)), R = async () => a == null ? void 0 : a.calCrossIndicatorArea(), V = async () => {
+    }, x = async (e, c) => {
+      n || (n = new ye(r)), n.connectTrafficFlow(e, c);
+    }, B = () => {
+      n == null || n.disconnectTrafficFlow();
+    }, H = (e) => {
+      o.handleVehicleTraceData(e);
+    }, z = () => {
+      o.clearHoloTrace();
+    }, N = (e) => {
+      o.setInterpolate(e);
+    }, Q = async (e) => {
+      await o.handleSignalData(e);
+    }, j = () => {
+      o.clearHoloSignal();
+    }, P = (e) => {
+      n == null || n.toggleTrafficInfo(e), o.toggleTrafficInfo(e);
     }, E = (e) => {
-      r == null || r.toggleTrafficInfo(e), t == null || t.toggleTrafficInfo(e);
+      o.togglePause(e);
     }, Z = (e) => {
-      t == null || t.togglePause(e);
+      n == null || n.toggleTrafficObject(e), o.toggleTrafficObject(e);
     }, q = (e) => {
-      t == null || t.toggleTrafficObject(e), r == null || r.toggleTrafficObject(e);
-    }, $ = (e) => {
-      t == null || t.updatePanelContent(e);
-    }, G = async (e) => (n || (n = new de(s)), n.addOverlays(e)), J = (e) => n == null ? void 0 : n.removeOverlaysByType(e), K = (e) => n == null ? void 0 : n.removeOverlaysById(e), U = () => n == null ? void 0 : n.removeAllOverlays(), W = () => {
-      n == null || n.showAllOverlays();
-    }, X = (e) => {
-      i || (i = new ye(s)), i.updateQueueLength(e);
-    }, Y = () => {
+      o.updatePanelContent(e);
+    }, F = async (e) => (t || (t = new de(r)), t.addOverlays(e)), $ = (e) => t == null ? void 0 : t.removeOverlaysByType(e), G = (e) => t == null ? void 0 : t.removeOverlaysById(e), J = () => t == null ? void 0 : t.removeAllOverlays(), K = () => {
+      t == null || t.showAllOverlays();
+    }, U = (e) => {
+      i || (i = new we(r)), i.updateQueueLength(e);
+    }, W = () => {
       i == null || i.removeQueueLength();
-    }, F = async (e, c) => {
-      l || (l = new ge(s)), await l.showOpenDrive(e, c);
-    }, ee = async () => {
+    }, X = async (e, c) => {
+      l || (l = new ge(r)), await l.showOpenDrive(e, c);
+    }, Y = async () => {
       await (l == null ? void 0 : l.hideOpenDrive());
-    }, y = O, p = T;
-    return w({
-      mapViewer: k,
-      setLayerVisibility: L,
-      setMapCenter: I,
-      lookAt: A,
-      setMapCamera: b,
-      setMapZoomRange: S,
-      requestCoordinateTransform: h,
-      cancelCoordinateTransform: D,
-      addOverlays: G,
-      showAllOverlays: W,
-      removeOverlaysByType: J,
-      removeOverlaysById: K,
-      removeAllOverlays: U,
-      showLaneNumber: _,
-      clearLaneNumber: M,
-      initializeAreaTool: R,
-      calCrossIndicatorArea: V,
-      calRoadIndicatorArea: x,
-      connectCarFlow: B,
-      disconnectCarFlow: H,
-      handleHoloVehicleTraceData: z,
-      clearHoloTrace: N,
-      handleHoloSignalData: j,
-      clearHoloSignal: P,
-      setInterpolate: Q,
-      toggleTrafficInfo: E,
-      toggleTrafficObject: q,
-      toggleVehicleInfo: $,
-      togglePause: Z,
-      updateQueueLength: X,
-      removeQueueLength: Y,
-      showOpenDrive: F,
-      hideOpenDrive: ee
-    }), (e, c) => (ie(), le("div", ve, [
-      me("div", {
+    }, d = C, p = v;
+    return h({
+      mapViewer: O,
+      setLayerVisibility: b,
+      setMapCenter: T,
+      lookAt: I,
+      setMapCamera: k,
+      setMapZoomRange: D,
+      requestCoordinateTransform: A,
+      cancelCoordinateTransform: L,
+      addOverlays: F,
+      showAllOverlays: K,
+      removeOverlaysByType: $,
+      removeOverlaysById: G,
+      removeAllOverlays: J,
+      showLaneNumber: S,
+      clearLaneNumber: _,
+      initializeAreaTool: M,
+      calCrossIndicatorArea: R,
+      calRoadIndicatorArea: V,
+      connectCarFlow: x,
+      disconnectCarFlow: B,
+      handleHoloVehicleTraceData: H,
+      clearHoloTrace: z,
+      handleHoloSignalData: Q,
+      clearHoloSignal: j,
+      setInterpolate: N,
+      toggleTrafficInfo: P,
+      toggleTrafficObject: Z,
+      toggleVehicleInfo: q,
+      togglePause: E,
+      updateQueueLength: U,
+      removeQueueLength: W,
+      showOpenDrive: X,
+      hideOpenDrive: Y
+    }), (e, c) => (ce(), ie("div", Ce, [
+      le("div", {
         class: "gis-viewer-main",
         ref_key: "mapContainer",
         ref: m

package/es/src/gis-map/utils/holo-flow/index.d.ts

@@ -5,6 +5,7 @@ export default class Index {
     private traceHoloFlow;
     private signalHoloFlow;
     constructor(view: View);
+    init(): Promise<void>;
     /**
      * 处理全息流轨迹数据
      * */

package/es/src/gis-map/utils/holo-flow/index.mjs

@@ -1,73 +1,69 @@
-import { EVehiclePlateState as a } from "../../../types/index.mjs";
-import t from "./signal-holo-flow.mjs";
-import i from "./trace-holo-flow.mjs";
-class h {
+import { EVehiclePlateState as l } from "../../../types/index.mjs";
+import a from "./signal-holo-flow.mjs";
+import t from "./trace-holo-flow.mjs";
+class n {
   constructor(e) {
     this.view = e;
   }
+  async init() {
+    this.traceHoloFlow = new t(this.view), await this.traceHoloFlow.init();
+  }
   /**
    * 处理全息流轨迹数据
    * */
   handleVehicleTraceData(e) {
-    this.traceHoloFlow || (this.traceHoloFlow = new i(this.view)), this.traceHoloFlow.handleVehicleTraceData(e);
+    this.traceHoloFlow.handleVehicleTraceData(e);
   }
   toggleTrafficObject(e) {
-    var o, l;
     switch (e.name.toLowerCase()) {
       case "groundVehicle".toLowerCase():
-        (o = this.traceHoloFlow) == null || o.toggleGroundVehicle(e.visible);
+        this.traceHoloFlow.toggleGroundVehicle(e.visible);
         break;
       case "elevatedVehicle".toLowerCase():
-        (l = this.traceHoloFlow) == null || l.toggleElevatedVehicle(e.visible);
+        this.traceHoloFlow.toggleElevatedVehicle(e.visible);
         break;
     }
   }
   clearHoloTrace() {
-    var e;
-    (e = this.traceHoloFlow) == null || e.clearTrace();
+    this.traceHoloFlow.clearTrace();
   }
   // public toggleVehiclePlate(visible: boolean): void {
   //   this.traceHoloFlow?.togglePlateLayer(visible);
   // }
   toggleTrafficInfo(e) {
-    var o;
-    (o = this.traceHoloFlow) == null || o.toggleTrafficInfo(e);
+    this.traceHoloFlow.toggleTrafficInfo(e);
   }
   togglePause(e) {
-    var o;
-    (o = this.traceHoloFlow) == null || o.togglePause(e);
+    this.traceHoloFlow.togglePause(e);
   }
   updatePanelContent(e) {
-    var l;
-    let o = a.None;
+    let o = l.None;
     switch (e) {
       case "none":
-        o = a.None;
+        o = l.None;
         break;
       case "plateNumber":
-        o = a.PlateNumber;
+        o = l.PlateNumber;
         break;
       case "vehicleId":
-        o = a.Id;
+        o = l.Id;
         break;
       case "mix":
-        o = a.Mix;
+        o = l.Mix;
         break;
     }
-    (l = this.traceHoloFlow) == null || l.updatePanelContent(o);
+    this.traceHoloFlow.updatePanelContent(o);
   }
   async handleSignalData(e) {
-    this.signalHoloFlow || (this.signalHoloFlow = new t(this.view)), await this.signalHoloFlow.initializeLayer(), await this.signalHoloFlow.handleSignalData(e);
+    this.signalHoloFlow || (this.signalHoloFlow = new a(this.view)), await this.signalHoloFlow.initializeLayer(), await this.signalHoloFlow.handleSignalData(e);
   }
   clearHoloSignal() {
-    var e;
-    (e = this.signalHoloFlow) == null || e.clearSignal();
+    this.signalHoloFlow.clearSignal();
   }
   setInterpolate(e) {
-    var o;
-    (o = this.traceHoloFlow) == null || o.setInterpolate(e);
+    this.traceHoloFlow.setInterpolate(e);
   }
 }
 export {
-  h as default
+  n as default
 };

package/es/src/gis-map/utils/holo-flow/signal-holo-flow.d.ts

@@ -9,12 +9,14 @@ export default class SignalHoloFlow {
     /** 每个路口倒计时canvas */
     private countdownCanvasMap;
     private countdownWatchHandel;
+    private plateBackground;
     private lastDataTime;
     constructor(view: View);
     /**
      * 初始化相位线图层
      * */
     initializeLayer(): Promise<void>;
+    private initializePlateBackground;
     handleSignalData(data: any): Promise<void>;
     /**
      * 清除实时信号相关图层

package/es/src/gis-map/utils/holo-flow/signal-holo-flow.mjs

@@ -12,23 +12,23 @@ class f {
    * 初始化相位线图层
    * */
   async initializeLayer() {
-    if (this.mapConfig.phaseLineLayer)
+    if (await this.initializePlateBackground(), !!this.mapConfig.phaseLineLayer)
       if (this.phaseLineLayer)
         this.phaseLineLayer.visible || (this.phaseLineLayer.visible = !0);
       else {
-        const e = `${this.mapConfig.assetsRoot}/${this.mapConfig.phaseLineLayer}`, n = (await (await fetch(e)).json()).features.map((s, t) => ({
+        const e = `${this.mapConfig.assetsRoot}/${this.mapConfig.phaseLineLayer}`, s = (await (await fetch(e)).json()).features.map((n, i) => ({
           geometry: {
             type: "polyline",
-            paths: [s.geometry.coordinates]
+            paths: [n.geometry.coordinates]
           },
           attributes: {
-            ObjectID: t + 1,
-            id: s.properties.id,
+            ObjectID: i + 1,
+            id: n.properties.id,
             color: "hide"
           }
         }));
         this.phaseLineLayer = new p({
-          source: n,
+          source: s,
           geometryType: "polyline",
           objectIdField: "ObjectID",
           outFields: ["*"],
@@ -105,13 +105,23 @@ class f {
         }), this.view.map.add(this.phaseLineLayer);
       }
   }
+  async initializePlateBackground() {
+    return new Promise((e, a) => {
+      const t = new Image();
+      t.src = `${this.mapConfig.assetsRoot}/Images/timeboard/CountdownBG.png`, t.onload = () => {
+        this.plateBackground = t, e();
+      }, t.onerror = (s) => {
+        a(s);
+      };
+    });
+  }
   async handleSignalData(e) {
-    const { crossId: a, lat: i, lon: n, rtStage: s, channelsConfig: t } = e;
-    await this.updateCountdown(a, i, n, s), !(!this.phaseLineLayer || !t) && ((!this.currentPhaseMap.has(a) || this.currentPhaseMap.get(a) !== s.stagePhase) && await this.updatePhaseLine(
+    const { crossId: a, lat: t, lon: s, rtStage: n, channelsConfig: i } = e;
+    await this.updateCountdown(a, t, s, n), !(!this.phaseLineLayer || !i) && ((!this.currentPhaseMap.has(a) || this.currentPhaseMap.get(a) !== n.stagePhase) && await this.updatePhaseLine(
       a,
-      s.channelsConfig,
-      t
-    ), this.currentPhaseMap.set(a, s.stagePhase));
+      n.channelsConfig,
+      i
+    ), this.currentPhaseMap.set(a, n.stagePhase));
   }
   /**
    * 清除实时信号相关图层
@@ -124,33 +134,36 @@ class f {
   /**
    * 获取显示倒计时的canvas
    * */
-  async updateCountdown(e, a, i, n) {
+  async updateCountdown(e, a, t, s) {
     if (this.isDeletingCanvas)
       return;
-    const s = this.countdownCanvasMap.get(e);
-    if (s)
-      this.drawCountdownText(s.countdownCanvas, n);
+    const n = this.countdownCanvasMap.get(e);
+    if (n)
+      this.drawCountdownText(n.countdownCanvas, s);
     else
       try {
-        const t = new c({
-          longitude: i,
+        const i = new c({
+          longitude: t,
           latitude: a,
           z: 10
-        }), o = this.view.toScreen(t), l = await this.createCountdownCanvas(), h = l[0], r = l[1];
+        }), o = this.view.toScreen(i), l = this.createCountdownCanvas();
+        if (!l)
+          return;
+        const h = l[0], r = l[1];
         h.style.left = o.x + "px", h.style.top = o.y + "px", r.style.left = o.x + "px", r.style.top = o.y + "px", this.countdownCanvasMap.set(e, {
           backgroundCanvas: h,
           countdownCanvas: r,
-          mapPoint: t
-        }), this.drawCountdownText(r, n);
-      } catch (t) {
-        console.log("倒计时canvas创建失败", e, t);
+          mapPoint: i
+        }), this.drawCountdownText(r, s);
+      } catch (i) {
+        console.log("倒计时canvas创建失败", e, i);
       }
     this.countdownWatchHandel || (this.countdownWatchHandel = d.watch(
       () => this.view.extent,
       () => {
-        this.countdownCanvasMap.forEach((t) => {
-          const o = this.view.toScreen(t.mapPoint);
-          t.backgroundCanvas.style.left = o.x + "px", t.backgroundCanvas.style.top = o.y + "px", t.countdownCanvas.style.left = o.x + "px", t.countdownCanvas.style.top = o.y + "px";
+        this.countdownCanvasMap.forEach((i) => {
+          const o = this.view.toScreen(i.mapPoint);
+          i.backgroundCanvas.style.left = o.x + "px", i.backgroundCanvas.style.top = o.y + "px", i.countdownCanvas.style.left = o.x + "px", i.countdownCanvas.style.top = o.y + "px";
         });
       }
     ));
@@ -165,8 +178,8 @@ class f {
    * @param rtStage.stageYellowTime 黄灯时间
    */
   drawCountdownText(e, a) {
-    const i = e.getContext("2d");
-    i.clearRect(0, 0, e.width, e.height), i.font = "24px Digital", i.textBaseline = "middle", i.textAlign = "center", i.fillStyle = a.stageRemainingTime <= a.stageAllRedTime ? "red" : a.stageRemainingTime <= a.stageAllRedTime + a.stageYellowTime ? "yellow" : "lime", i.fillText(
+    const t = e.getContext("2d");
+    t.clearRect(0, 0, e.width, e.height), t.font = "24px Digital", t.textBaseline = "middle", t.textAlign = "center", t.fillStyle = a.stageRemainingTime <= a.stageAllRedTime ? "red" : a.stageRemainingTime <= a.stageAllRedTime + a.stageYellowTime ? "yellow" : "lime", t.fillText(
       `${a.stageID} ${a.stageRemainingTime.toFixed(0)}`,
       e.width / 2,
       e.height / 2
@@ -174,9 +187,9 @@ class f {
   }
   drawCircle(e, a) {
     console.log(a);
-    const i = e.getContext("2d");
-    i.clearRect(0, 0, e.width, e.height), this.ctxDraw(
-      i,
+    const t = e.getContext("2d");
+    t.clearRect(0, 0, e.width, e.height), this.ctxDraw(
+      t,
       "lime",
       e.width / 2,
       e.height / 2,
@@ -185,17 +198,17 @@ class f {
       -Math.PI / 2 + 2 * 0.6 * Math.PI
     );
   }
-  ctxDraw(e, a, i, n, s, t, o) {
-    e.save, e.beginPath(), e.lineWidth = 4, e.strokeStyle = a, e.arc(i, n, s, t, o), e.stroke(), e.closePath(), e.font = "26px Digital", e.textBaseline = "middle", e.textAlign = "center", e.fillText("A", i, n), e.restore();
+  ctxDraw(e, a, t, s, n, i, o) {
+    e.save, e.beginPath(), e.lineWidth = 4, e.strokeStyle = a, e.arc(t, s, n, i, o), e.stroke(), e.closePath(), e.font = "26px Digital", e.textBaseline = "middle", e.textAlign = "center", e.fillText("A", t, s), e.restore();
   }
-  async updatePhaseLine(e, a, i) {
-    const n = this.phaseLineLayer.source.filter(
-      (s) => s.getAttribute("id").includes(e)
+  async updatePhaseLine(e, a, t) {
+    const s = this.phaseLineLayer.source.filter(
+      (n) => n.getAttribute("id").includes(e)
     );
-    n.forEach((s) => {
-      const t = s.getAttribute("id");
-      this.isLaneInChannels(t, a) ? s.setAttribute("color", "green") : this.isLaneInChannels(t, i) ? s.setAttribute("color", "red") : s.setAttribute("color", "green");
-    }), await this.phaseLineLayer.applyEdits({ updateFeatures: n });
+    s.forEach((n) => {
+      const i = n.getAttribute("id");
+      this.isLaneInChannels(i, a) ? n.setAttribute("color", "green") : this.isLaneInChannels(i, t) ? n.setAttribute("color", "red") : n.setAttribute("color", "green");
+    }), await this.phaseLineLayer.applyEdits({ updateFeatures: s });
   }
   /**
    * 车道是否在通道中
@@ -204,29 +217,28 @@ class f {
    * @returns
    */
   isLaneInChannels(e, a) {
-    const i = e.split("+"), n = i[1], s = i[2];
-    for (let t = 0; t < a.length; t++)
-      for (let o = 0; o < a[t].laneSnList.length; o++) {
-        const l = a[t].laneSnList[o].toFixed(0);
-        if (n === l[0] && s === l[1])
+    const t = e.split("+"), s = t[1], n = t[2];
+    for (let i = 0; i < a.length; i++)
+      for (let o = 0; o < a[i].laneSnList.length; o++) {
+        const l = a[i].laneSnList[o].toFixed(0);
+        if (s === l[0] && n === l[1])
           return !0;
       }
     return !1;
   }
   createCountdownCanvas() {
-    return new Promise((e, a) => {
-      const i = new Image();
-      i.src = `${this.mapConfig.assetsRoot}/Images/timeboard/CountdownBG.png`, i.onload = () => {
-        const n = document.createElement("canvas");
-        n.width = this.canvasWidth, n.height = this.canvasHeight, n.style.position = "absolute", n.style.transform = "translate(-50%, -50%)", n.getContext(
-          "2d"
-        ).drawImage(i, 0, 0, this.canvasWidth, this.canvasHeight), this.view.container.appendChild(n);
-        const t = document.createElement("canvas");
-        t.width = this.canvasWidth - 10, t.height = this.canvasHeight - 10, t.style.position = "absolute", t.style.transform = "translate(-50%, -50%)", this.view.container.appendChild(t), e([n, t]);
-      }, i.onerror = (n) => {
-        a(n);
-      };
-    });
+    if (!this.plateBackground)
+      return;
+    const e = document.createElement("canvas");
+    e.width = this.canvasWidth, e.height = this.canvasHeight, e.style.position = "absolute", e.style.transform = "translate(-50%, -50%)", e.getContext("2d").drawImage(
+      this.plateBackground,
+      0,
+      0,
+      this.canvasWidth,
+      this.canvasHeight
+    ), this.view.container.appendChild(e);
+    const t = document.createElement("canvas");
+    return t.width = this.canvasWidth - 10, t.height = this.canvasHeight - 10, t.style.position = "absolute", t.style.transform = "translate(-50%, -50%)", this.view.container.appendChild(t), [e, t];
   }
 }
 export {

package/es/src/gis-map/utils/holo-flow/trace-holo-flow.d.ts

@@ -5,9 +5,12 @@ export default class TraceHoloFlow {
     private lastDataTime;
     private readonly traceRenderer;
     constructor(view: __esri.View);
+    init(): Promise<void>;
     /**
      * 处理全息流轨迹数据
      * */
+    private lastLocalTimestamp;
+    private lastDataTimestamp;
     handleVehicleTraceData(data: any): Promise<void>;
     /**
      * 切换交通信息可见性