gisviewer-vue3-arcgis 1.0.108 → 1.0.110

package/es/src/gis-map/gis-map.vue.d.ts

@@ -27,7 +27,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
     overlay: Overlay;
     queueLength: QueueLength;
     openDriveRenderer: OpenDriveRenderer;
+    showLogDiv: import("vue").Ref<boolean>;
     mapViewer: import("vue").ComputedRef<MapView | SceneView>;
+    startSaveTrackLog: () => void;
+    downloadTrackLog: () => void;
     setMapCenter: (params: ISetMapCenterParams) => Promise<import("../types").IResult>;
     setMapCamera: (params: ISetMapCameraParams) => Promise<import("../types").IResult>;
     lookAt: (params: ILookAtParams) => Promise<void>;

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

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

package/es/src/gis-map/index.d.ts

@@ -17,7 +17,10 @@ export declare const GisMap: import("@easyest/utils/dist/lib/withinstall").SFCWi
     overlay: import("./utils/overlay").default;
     queueLength: import("./utils/queue-length").default;
     openDriveRenderer: import("./utils/open-drive-renderer").default;
+    showLogDiv: import("vue").Ref<boolean>;
     mapViewer: import("vue").ComputedRef<__esri.MapView | __esri.SceneView>;
+    startSaveTrackLog: () => void;
+    downloadTrackLog: () => void;
     setMapCenter: (params: import("../types").ISetMapCenterParams) => Promise<import("../types").IResult>;
     setMapCamera: (params: import("../types").ISetMapCameraParams) => Promise<import("../types").IResult>;
     lookAt: (params: import("../types").ILookAtParams) => Promise<void>;

package/es/src/gis-map/stores/appData.d.ts

@@ -1,3 +1,4 @@
 export declare const useAppDataStore: import("pinia").StoreDefinition<"appData", {
     mapConfig: {};
+    saveTrackLog: boolean;
 }, {}, {}>;

package/es/src/gis-map/stores/appData.mjs

@@ -1,9 +1,10 @@
-import { defineStore as t } from "pinia";
-const e = t("appData", {
+import { defineStore as a } from "pinia";
+const t = a("appData", {
   state: () => ({
-    mapConfig: {}
+    mapConfig: {},
+    saveTrackLog: !1
   })
 });
 export {
-  e as useAppDataStore
+  t as useAppDataStore
 };

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>;
     /**
      * 处理全息流轨迹数据
      * */
@@ -17,4 +18,5 @@ export default class Index {
     handleSignalData(data: any): Promise<void>;
     clearHoloSignal(): void;
     setInterpolate(enable: boolean): void;
+    downloadTrackLog(): void;
 }

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

@@ -1,73 +1,72 @@
-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);
+  }
+  downloadTrackLog() {
+    this.traceHoloFlow.downloadLog();
   }
 }
 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

@@ -1,10 +1,11 @@
 import { EVehiclePlateState, IToggleTrafficInfoParams } from '../../../types';
 export default class TraceHoloFlow {
-    private mapConfig;
-    private view;
-    private lastDataTime;
     private readonly traceRenderer;
     constructor(view: __esri.View);
+    init(): Promise<void>;
+    private appDataStore;
+    private logTable;
+    downloadLog(): void;
     /**
      * 处理全息流轨迹数据
      * */