gisviewer-vue3-arcgis 1.0.166 → 1.0.167

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

@@ -29,6 +29,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     queueLength: QueueLength;
     openDriveRenderer: OpenDriveRenderer;
     signalControlAreaController: SignalControlAreaController;
+    showLogDiv: import("vue").Ref<boolean>;
     appDataStore: import("pinia").Store<"appData", {
         mapConfig: {};
         saveTrackLog: boolean;
@@ -36,6 +37,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         countdownPanels: import("../types").ISignalCountdownProps[];
     }, {}, {}>;
     countdownPanelInfos: import("vue").Ref<{
+        displayMode: string;
         crossId: string;
         roadId: string;
         mapPoint: number[];
@@ -56,7 +58,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
             rColor?: string | undefined;
         };
     }[]>;
-    showLogDiv: import("vue").Ref<boolean>;
     mapViewer: import("vue").ComputedRef<MapView | SceneView>;
     startSaveTrackLog: () => void;
     downloadTrackLog: () => void;
@@ -123,6 +124,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
     props: any;
     emit: (event: "mapLoaded" | "markerClick" | "mapClick", ...args: any[]) => void;
     SignalCountdownPanel: import("vue").DefineComponent<{
+        displayMode: {
+            type: StringConstructor;
+            required: true;
+        };
         crossId: {
             type: StringConstructor;
             required: true;
@@ -175,8 +180,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
         rNumberStyle: import("vue").ComputedRef<{
             color: string;
         }>;
-        getColorString: (color: string | undefined) => "red" | "yellow" | "lime" | "white";
+        getColorString: (color: string | undefined) => "red" | "rgb(255, 192, 2)" | "lime" | "white";
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        displayMode: {
+            type: StringConstructor;
+            required: true;
+        };
         crossId: {
             type: StringConstructor;
             required: true;

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

@@ -19,19 +19,21 @@ const $e = { class: "gis-viewer" }, Ge = { style: { position: "absolute", bottom
   },
   emits: ["mapLoaded", "markerClick", "mapClick"],
   setup(I, { expose: b, emit: M }) {
-    const f = C(null);
-    let s, l, i, r, n, a, p, t, o;
+    const d = C(null);
+    let s, l, i, o, n, a, p, t, r;
+    const f = C(!1);
     Ee();
-    const h = T.useAppDataStore, { countdownPanels: _ } = je(h), d = C(!1);
+    const h = T.useAppDataStore, { countdownPanels: _ } = je(h);
     Me(async () => {
-      if (!f.value)
+      if (!d.value)
         return;
       document.addEventListener("keydown", (m) => {
-        m.ctrlKey && m.key === "i" && (d.value = !d.value);
+        m.ctrlKey && m.key === "i" && (f.value = !f.value);
       });
       const e = _e(), { $gisviewerAssetsRoot: u } = e.appContext.config.globalProperties, c = await (await fetch(O.config)).json();
       c.assetsRoot = O.assetsRoot || u, h.mapConfig = c, l = new qe(), s = await l.initialize({
-        container: f.value,
+        container: d.value,
+        mapConfig: c,
         markerClickCallback: (m, y, v, Ie) => {
           w("markerClick", m, y, v, Ie);
         },
@@ -40,7 +42,7 @@ const $e = { class: "gis-viewer" }, Ge = { style: { position: "absolute", bottom
         }
       }), n = new Fe(s), await n.init(), w("mapLoaded");
     }), He(() => {
-      o == null || o.clearSignalControlArea(), t == null || t.clearOpenDrive(), n == null || n.clearHoloTrace(), n == null || n.clearHoloSignal(), r == null || r.disconnectTrafficFlow();
+      r == null || r.clearSignalControlArea(), t == null || t.clearOpenDrive(), n == null || n.clearHoloTrace(), n == null || n.clearHoloSignal(), o == null || o.disconnectTrafficFlow();
     });
     const H = xe(() => s), x = () => {
       const e = T.useAppDataStore;
@@ -55,9 +57,9 @@ const $e = { class: "gis-viewer" }, Ge = { style: { position: "absolute", bottom
       i == null || i.clearLaneNumber();
     }, q = async (e) => (i || (i = new A(s)), await i.initializeSearch(e)), K = async () => i == null ? void 0 : i.calCrossIndicatorArea(), R = async () => {
     }, U = async (e, u) => {
-      r || (r = new Ue(s)), r.connectTrafficFlow(e, u);
+      o || (o = new Ue(s)), o.connectTrafficFlow(e, u);
     }, $ = () => {
-      r == null || r.disconnectTrafficFlow();
+      o == null || o.disconnectTrafficFlow();
     }, G = (e) => {
       n.handleVehicleTraceData(e);
     }, J = () => {
@@ -69,14 +71,14 @@ const $e = { class: "gis-viewer" }, Ge = { style: { position: "absolute", bottom
     }, Y = () => {
       n.clearHoloSignal();
     }, ee = (e) => {
-      r == null || r.toggleTrafficInfo(e), n.toggleTrafficInfo(e);
+      o == null || o.toggleTrafficInfo(e), n.toggleTrafficInfo(e);
     }, te = (e) => {
       n.togglePause(e);
     }, ae = (e) => {
-      r == null || r.toggleTrafficObject(e), n.toggleTrafficObject(e);
+      o == null || o.toggleTrafficObject(e), n.toggleTrafficObject(e);
     }, ne = (e) => {
       n.updatePanelContent(e);
-    }, re = async (e) => (a || (a = new D(s)), a.addOverlays(e)), oe = (e) => (a || (a = new D(s)), a.addMask(e)), se = () => {
+    }, oe = async (e) => (a || (a = new D(s)), a.addOverlays(e)), re = (e) => (a || (a = new D(s)), a.addMask(e)), se = () => {
       a == null || a.removeMask();
     }, ie = (e) => a == null ? void 0 : a.removeOverlaysByType(e), ce = (e) => a == null ? void 0 : a.removeOverlaysById(e), le = () => a == null ? void 0 : a.removeAllOverlays(), ue = () => {
       a == null || a.showAllOverlays();
@@ -84,7 +86,7 @@ const $e = { class: "gis-viewer" }, Ge = { style: { position: "absolute", bottom
       p || (p = new Ke(s)), p.updateQueueLength(e);
     }, pe = () => {
       p == null || p.removeQueueLength();
-    }, ge = async (e, u) => (t || (t = new L(s)), await t.showOpenDriveFromServer(e, u)), fe = async (e) => (t || (t = new L(s)), await t.clearOpenDrive(), await t.showOpenDriveFromFile(e)), de = async () => await (t == null ? void 0 : t.clearOpenDrive()), we = async (e) => t ? await (t == null ? void 0 : t.findSumo(e)) : {
+    }, ge = async (e, u) => (t || (t = new L(s)), await t.showOpenDriveFromServer(e, u)), de = async (e) => (t || (t = new L(s)), await t.clearOpenDrive(), await t.showOpenDriveFromFile(e)), fe = async () => await (t == null ? void 0 : t.clearOpenDrive()), we = async (e) => t ? await (t == null ? void 0 : t.findSumo(e)) : {
       status: -1,
       message: "未加载OpenDrive地图"
     }, ye = async (e) => t ? t.selectSumo(e) : {
@@ -105,9 +107,9 @@ const $e = { class: "gis-viewer" }, Ge = { style: { position: "absolute", bottom
     }, Ce = async () => t ? t == null ? void 0 : t.clearSplitLane() : {
       status: -1,
       message: "未加载OpenDrive地图"
-    }, ke = async (e) => (o || (o = new Re(s)), await o.showSignalControlArea(e)), Te = () => {
-      o == null || o.clearSignalControlArea();
-    }, Le = async (e) => o ? await o.locateSignalControlArea(e) : { status: -1, message: "未加载信号控制区" }, De = async (e) => o ? await o.highlightSignalControlArea(e) : { status: -1, message: "未加载信号控制区" }, Ae = () => o ? o.resetHighlight() : { status: -1, message: "未加载信号控制区" }, O = I, w = M;
+    }, ke = async (e) => (r || (r = new Re(s)), await r.showSignalControlArea(e)), Te = () => {
+      r == null || r.clearSignalControlArea();
+    }, Le = async (e) => r ? await r.locateSignalControlArea(e) : { status: -1, message: "未加载信号控制区" }, De = async (e) => r ? await r.highlightSignalControlArea(e) : { status: -1, message: "未加载信号控制区" }, Ae = () => r ? r.resetHighlight() : { status: -1, message: "未加载信号控制区" }, O = I, w = M;
     return b({
       mapViewer: H,
       setLayerVisibility: N,
@@ -117,8 +119,8 @@ const $e = { class: "gis-viewer" }, Ge = { style: { position: "absolute", bottom
       setMapZoomRange: E,
       requestCoordinateTransform: Q,
       cancelCoordinateTransform: j,
-      addOverlays: re,
-      addMask: oe,
+      addOverlays: oe,
+      addMask: re,
       removeMask: se,
       showAllOverlays: ue,
       removeOverlaysByType: ie,
@@ -143,8 +145,8 @@ const $e = { class: "gis-viewer" }, Ge = { style: { position: "absolute", bottom
       updateQueueLength: me,
       removeQueueLength: pe,
       showOpenDriveFromServer: ge,
-      showOpenDriveFromFile: fe,
-      clearOpenDrive: de,
+      showOpenDriveFromFile: de,
+      clearOpenDrive: fe,
       geometrySearchInOpenDrive: Se,
       findSumoInOpenDrive: we,
       selectSumoInOpenDrive: ye,
@@ -161,7 +163,7 @@ const $e = { class: "gis-viewer" }, Ge = { style: { position: "absolute", bottom
       g("div", {
         class: "gis-viewer-main",
         ref_key: "mapContainer",
-        ref: f
+        ref: d
       }, [
         Pe(g("div", Ge, [
           g("button", {
@@ -170,11 +172,12 @@ const $e = { class: "gis-viewer" }, Ge = { style: { position: "absolute", bottom
           }, " 开始记录 "),
           g("button", { onClick: P }, "下载日志")
         ], 512), [
-          [Be, d.value]
+          [Be, f.value]
         ])
       ], 512),
       (S(!0), k(Ve, null, ze(Ne(_), (c, m) => (S(), Qe(Ze, {
         key: m,
+        "display-mode": c.displayMode,
         "road-id": c.crossId,
         "cross-id": c.roadId,
         "map-point": c.mapPoint,
@@ -182,7 +185,7 @@ const $e = { class: "gis-viewer" }, Ge = { style: { position: "absolute", bottom
         position: c.position,
         rotation: c.rotation,
         "lamp-status": c.lampStatus
-      }, null, 8, ["road-id", "cross-id", "map-point", "stop-line", "position", "rotation", "lamp-status"]))), 128))
+      }, null, 8, ["display-mode", "road-id", "cross-id", "map-point", "stop-line", "position", "rotation", "lamp-status"]))), 128))
     ]));
   }
 });

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

@@ -18,6 +18,7 @@ export declare const GisMap: import("@easyest/utils/dist/lib/withinstall").SFCWi
     queueLength: import("./utils/queue-length").default;
     openDriveRenderer: import("./utils/open-drive-renderer").default;
     signalControlAreaController: import("./utils/signal-control-area-controller").default;
+    showLogDiv: import("vue").Ref<boolean>;
     appDataStore: import("pinia").Store<"appData", {
         mapConfig: {};
         saveTrackLog: boolean;
@@ -25,6 +26,7 @@ export declare const GisMap: import("@easyest/utils/dist/lib/withinstall").SFCWi
         countdownPanels: import("../types").ISignalCountdownProps[];
     }, {}, {}>;
     countdownPanelInfos: import("vue").Ref<{
+        displayMode: string;
         crossId: string;
         roadId: string;
         mapPoint: number[];
@@ -45,7 +47,6 @@ export declare const GisMap: import("@easyest/utils/dist/lib/withinstall").SFCWi
             rColor?: string | undefined;
         };
     }[]>;
-    showLogDiv: import("vue").Ref<boolean>;
     mapViewer: import("vue").ComputedRef<__esri.MapView | __esri.SceneView>;
     startSaveTrackLog: () => void;
     downloadTrackLog: () => void;
@@ -112,6 +113,10 @@ export declare const GisMap: import("@easyest/utils/dist/lib/withinstall").SFCWi
     props: any;
     emit: (event: "mapLoaded" | "markerClick" | "mapClick", ...args: any[]) => void;
     SignalCountdownPanel: import("vue").DefineComponent<{
+        displayMode: {
+            type: StringConstructor;
+            required: true;
+        };
         crossId: {
             type: StringConstructor;
             required: true;
@@ -164,8 +169,12 @@ export declare const GisMap: import("@easyest/utils/dist/lib/withinstall").SFCWi
         rNumberStyle: import("vue").ComputedRef<{
             color: string;
         }>;
-        getColorString: (color: string | undefined) => "red" | "yellow" | "lime" | "white";
+        getColorString: (color: string | undefined) => "red" | "rgb(255, 192, 2)" | "lime" | "white";
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        displayMode: {
+            type: StringConstructor;
+            required: true;
+        };
         crossId: {
             type: StringConstructor;
             required: true;

package/es/src/gis-map/utils/common-utils.mjs

@@ -1,11 +1,11 @@
-import { Point as P, Polyline as f } from "@arcgis/core/geometry";
+import { Point as L, Polyline as f } from "@arcgis/core/geometry";
 import * as g from "@arcgis/core/geometry/geometryEngineAsync";
 import * as l from "@arcgis/core/geometry/support/webMercatorUtils";
 import p from "@turf/bearing";
 import u from "@turf/destination";
 import * as a from "@turf/helpers";
-import O from "@turf/length";
-import d from "@turf/line-slice-along";
+import d from "@turf/length";
+import O from "@turf/line-slice-along";
 import w from "pako";
 import y from "proj4";
 class s {
@@ -20,7 +20,7 @@ class s {
     const r = a.point([t.x, t.y]), i = u(r, n, e, {
       units: "meters"
     });
-    return new P({
+    return new L({
       x: i.geometry.coordinates[0],
       y: i.geometry.coordinates[1]
     });
@@ -42,12 +42,12 @@ class s {
   static extendLineInTowDir(t, e) {
     const n = t.paths[0], r = a.point(n[0]), i = a.point(n[1]), o = p(i, r), c = u(r, e, o, {
       units: "meters"
-    }), h = o > 0 ? o - 180 : o + 180, L = u(i, e, h, {
+    }), h = o > 0 ? o - 180 : o + 180, P = u(i, e, h, {
       units: "meters"
     });
     return new f({
       paths: [
-        [c.geometry.coordinates, L.geometry.coordinates]
+        [c.geometry.coordinates, P.geometry.coordinates]
       ]
     });
   }
@@ -226,10 +226,10 @@ class s {
    * @returns
    */
   static getCenterPointInLine(t) {
-    const e = a.lineString(t), n = O(e, { units: "meters" }) / 2;
-    return d(e, 0, n, {
+    const e = a.lineString(t), n = d(e, { units: "meters" }) / 2, r = O(e, 0, n, {
       units: "meters"
-    }).geometry.coordinates[1];
+    });
+    return r.geometry.coordinates[r.geometry.coordinates.length - 1];
   }
 }
 export {

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

@@ -1,4 +1,8 @@
 declare const _sfc_main: import("vue").DefineComponent<{
+    displayMode: {
+        type: StringConstructor;
+        required: true;
+    };
     crossId: {
         type: StringConstructor;
         required: true;
@@ -51,8 +55,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
     rNumberStyle: import("vue").ComputedRef<{
         color: string;
     }>;
-    getColorString: (color: string | undefined) => "red" | "yellow" | "lime" | "white";
+    getColorString: (color: string | undefined) => "red" | "rgb(255, 192, 2)" | "lime" | "white";
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    displayMode: {
+        type: StringConstructor;
+        required: true;
+    };
     crossId: {
         type: StringConstructor;
         required: true;

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

@@ -1,7 +1,7 @@
 import o from "./signal-countdown-panel.vue2.mjs";
 import "./signal-countdown-panel.vue3.mjs";
 import t from "../../../../_virtual/_plugin-vue_export-helper.mjs";
-const n = /* @__PURE__ */ t(o, [["__scopeId", "data-v-93496d9c"]]);
+const n = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d749c855"]]);
 export {
   n as default
 };

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

@@ -1,8 +1,8 @@
 import { defineComponent as C, computed as o, openBlock as l, createElementBlock as n, normalizeStyle as a, createElementVNode as t, toDisplayString as i, createCommentVNode as u } from "vue";
-const _ = {
+const b = {
   key: 0,
   class: "signal-countdown-container"
-}, b = ["src"], I = {
+}, _ = ["src"], I = {
   key: 1,
   class: "signal-countdown-container"
 }, N = ["src"], f = {
@@ -14,6 +14,7 @@ const _ = {
 }, V = ["src"], A = /* @__PURE__ */ C({
   __name: "signal-countdown-panel",
   props: {
+    displayMode: {},
     crossId: {},
     roadId: {},
     mapPoint: {},
@@ -49,7 +50,7 @@ const _ = {
         case "red":
           return "red";
         case "yellow":
-          return "yellow";
+          return "rgb(255, 192, 2)";
         case "green":
           return "lime";
         default:
@@ -60,7 +61,7 @@ const _ = {
       class: "signal-countdown-panel",
       style: a(m.value)
     }, [
-      e.lampStatus.uColor ? (l(), n("div", _, [
+      e.lampStatus.uColor ? (l(), n("div", b, [
         t("div", {
           class: "signal-countdown-number",
           style: a(d.value)
@@ -70,7 +71,7 @@ const _ = {
             src: p.value,
             width: "20px",
             height: "20px"
-          }, null, 8, b)
+          }, null, 8, _)
         ])
       ])) : u("", !0),
       e.lampStatus.lColor ? (l(), n("div", I, [

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

@@ -2,6 +2,7 @@ import SignalHoloFlow from './signal-holo-flow';
 export default class LSRSignalHoloFlow extends SignalHoloFlow {
     private stopLineLayer;
     private store;
+    private watchHandle;
     constructor(view: __esri.MapView | __esri.SceneView);
     private stopLineMap;
     initializeLayer(): Promise<void>;

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

@@ -1,87 +1,117 @@
-import * as m from "@arcgis/core/core/reactiveUtils";
-import { Point as h } from "@arcgis/core/geometry";
-import f from "@arcgis/core/layers/GraphicsLayer";
-import P from "@turf/bearing";
-import g from "@turf/destination";
-import * as c from "@turf/helpers";
-import d from "../../stores/index.mjs";
-import y from "../common-utils.mjs";
-import w from "./signal-holo-flow.mjs";
-class F extends w {
-  constructor(o) {
-    super(o), this.stopLineLayer = new f(), this.store = d.useAppDataStore, this.stopLineMap = /* @__PURE__ */ new Map(), this.view.map.add(this.stopLineLayer);
+import * as u from "@arcgis/core/core/reactiveUtils";
+import { Point as d } from "@arcgis/core/geometry";
+import P from "@arcgis/core/layers/GraphicsLayer";
+import y from "@turf/bearing";
+import L from "@turf/destination";
+import * as w from "@turf/helpers";
+import S from "../../stores/index.mjs";
+import R from "../common-utils.mjs";
+import v from "./signal-holo-flow.mjs";
+class b extends v {
+  constructor(t) {
+    super(t), this.stopLineLayer = new P(), this.store = S.useAppDataStore, this.watchHandle = null, this.stopLineMap = /* @__PURE__ */ new Map(), this.view.map.add(this.stopLineLayer);
   }
   async initializeLayer() {
-    var i, r;
+    var p, h;
     console.time("初始化停止线图层");
-    let o = (r = (i = this.mapConfig.holoFlow) == null ? void 0 : i.signal) == null ? void 0 : r.stopLineLayer;
-    if (!o)
+    let t = (h = (p = this.mapConfig.holoFlow) == null ? void 0 : p.signal) == null ? void 0 : h.stopLineLayer;
+    if (!t)
       return;
-    o = this.mapConfig.assetsRoot + "/" + o, (await (await fetch(o)).json()).features.forEach((t) => {
-      const { roadId: n, nodeId: e } = t.properties, { coordinates: s } = t.geometry, l = this.stopLineMap.get(e);
-      l ? l.set(n, s) : this.stopLineMap.set(e, /* @__PURE__ */ new Map([[n, s]]));
-    }), console.timeEnd("初始化停止线图层"), m.watch(
+    t = this.mapConfig.assetsRoot + "/" + t, (await (await fetch(t)).json()).features.forEach((a) => {
+      const { roadId: o, nodeId: n } = a.properties, { coordinates: r } = a.geometry, e = this.stopLineMap.get(n);
+      e ? e.set(o, r) : this.stopLineMap.set(n, /* @__PURE__ */ new Map([[o, r]]));
+    }), console.timeEnd("初始化停止线图层");
+  }
+  async handleSignalData(t) {
+    this.watchHandle || (this.watchHandle = u.watch(
       () => this.view.extent,
       () => {
-        for (const t of this.store.countdownPanels) {
-          const { mapPoint: n, stopLine: e } = t, s = this.view.toScreen({
+        for (const o of this.store.countdownPanels) {
+          const { mapPoint: n } = o, r = this.view.toScreen({
             type: "point",
             x: n[0],
             y: n[1]
           });
-          t.position.left = s.x, t.position.top = s.y;
-          const l = this.getPanelRotation(e);
-          t.rotation = l;
+          o.position.left = r.x, o.position.top = r.y;
         }
       }
-    );
-  }
-  async handleSignalData(o) {
-    const { crossId: a, roadId: p, lampStatus: i } = o, r = this.stopLineMap.get(a);
-    if (!r)
-      return;
-    const t = r.get(p);
-    if (!t)
-      return;
-    const n = this.store.countdownPanels.find(
-      (e) => e.crossId === a && e.roadId === p
-    );
-    if (n)
-      n.lampStatus = i;
-    else {
-      const e = this.getPanelPoint(t), s = this.view.toScreen({
-        type: "point",
-        x: e[0],
-        y: e[1]
-      }), l = this.getPanelRotation(t);
-      this.store.countdownPanels.push({
-        crossId: a,
-        roadId: p,
-        mapPoint: e,
-        // 定位点地理坐标
-        stopLine: t,
-        // 关联的停止线坐标
-        position: { left: s.x, top: s.y },
-        // 定位点屏幕坐标
-        rotation: l,
-        // 面板旋转角度
-        lampStatus: i
-        // 灯组状态
+    ));
+    const s = t.crossId, i = t.rtStage, p = t.nonCurStageRemainingTime, h = t.allStageFlows;
+    console.log(s, i, p, h);
+    const a = /* @__PURE__ */ new Map();
+    h.forEach((o) => {
+      const { stageId: n, stageFlows: r } = o;
+      let e = "green", m = i.stageRemainingTime;
+      if (n === i.stageId)
+        m <= i.stageAllRedTime ? e = "red" : i.stageYellowTime !== 0 && m <= i.stageYellowTime + i.stageAllRedTime && (e = "yellow");
+      else {
+        e = "red";
+        const l = p.find(
+          (g) => g.stageId === n
+        );
+        m = l ? l.stageNextRunRemainingTime : 0;
+      }
+      r.forEach((l) => {
+        let { fromRoadId: g } = l;
+        g.startsWith("-") && (g = g.slice(1));
+        const f = l.direction.toLowerCase();
+        let c = a.get(g);
+        c || (c = {}, a.set(g, c)), f === "u" ? (c.uNumber = m, c.uColor = e) : f === "l" ? (c.lNumber = m, c.lColor = e) : f === "s" ? (c.sNumber = m, c.sColor = e) : f === "r" && (c.rNumber = m, c.rColor = e === "yellow" ? "red" : e);
       });
-    }
+    }), a.forEach((o, n) => {
+      console.log(n, o);
+      const r = this.stopLineMap.get(s);
+      if (!r) {
+        console.error(`路口${s}没有找到对应的停止线`);
+        return;
+      }
+      const e = r.get(n);
+      if (!e) {
+        console.error(`路口${s}的进口道${n}没有找到对应的停止线`);
+        return;
+      }
+      const m = this.store.countdownPanels.find(
+        (l) => l.crossId === s && l.roadId === n
+      );
+      if (m)
+        m.lampStatus = o;
+      else {
+        const l = this.getPanelPoint(e), g = this.view.toScreen({
+          type: "point",
+          x: l[0],
+          y: l[1]
+        }), f = this.getPanelRotation(e);
+        this.store.countdownPanels.push({
+          displayMode: "complete",
+          crossId: s,
+          roadId: n,
+          mapPoint: l,
+          // 定位点地理坐标
+          stopLine: e,
+          // 关联的停止线坐标
+          position: { left: g.x, top: g.y },
+          // 定位点屏幕坐标
+          rotation: f,
+          // 面板旋转角度
+          lampStatus: o
+          // 灯组状态
+        });
+      }
+    });
   }
   clearSignal() {
-    this.stopLineLayer.removeAll();
+    var t;
+    this.stopLineLayer.removeAll(), this.store.countdownPanels = [], (t = this.watchHandle) == null || t.remove(), this.watchHandle = null;
   }
   /**
    * 从停止线坐标计算面板位置
    * @param coordinates
    * @returns
    */
-  getPanelPoint(o) {
-    const a = y.getCenterPointInLine(o), p = o[0], i = o[o.length - 1];
-    let t = P(c.point(p), c.point(i)) - 90;
-    return t < -180 && (t += 360), g(c.point(a), 1, t, {
+  getPanelPoint(t) {
+    const s = R.getCenterPointInLine(t), i = t[0], p = t[t.length - 1];
+    let a = y(w.point(i), w.point(p)) - 90;
+    return a < -180 && (a += 360), L(w.point(s), 1, a, {
       units: "meters"
     }).geometry.coordinates;
   }
@@ -90,19 +120,19 @@ class F extends w {
    * @param coordinates
    * @returns
    */
-  getPanelRotation(o) {
-    const a = o[0], p = new h({
-      x: a[0],
-      y: a[1],
+  getPanelRotation(t) {
+    const s = t[0], i = new d({
+      x: s[0],
+      y: s[1],
       spatialReference: this.view.spatialReference
-    }), i = this.view.toScreen(p), r = o[o.length - 1], t = new h({
-      x: r[0],
-      y: r[1],
+    }), p = this.view.toScreen(i), h = t[t.length - 1], a = new d({
+      x: h[0],
+      y: h[1],
       spatialReference: this.view.spatialReference
-    }), n = this.view.toScreen(t), e = n.x - i.x, s = n.y - i.y;
-    return Math.atan2(s, e) * (180 / Math.PI);
+    }), o = this.view.toScreen(a), n = o.x - p.x, r = o.y - p.y;
+    return Math.atan2(r, n) * (180 / Math.PI);
   }
 }
 export {
-  F as default
+  b as default
 };

package/es/src/gis-map/utils/map-initializer.d.ts

@@ -11,6 +11,7 @@ export default class MapInitializer {
      */
     initialize(params: {
         container: HTMLElement;
+        mapConfig: any;
         markerClickCallback?: (type: string, id: string, detail: any, event?: any) => void;
         mapClickCallback?: (mapPoint: number[], screenPoint: number[], event?: any) => void;
     }): Promise<MapView | SceneView>;