gisviewer-vue3-arcgis 1.0.221 → 1.0.223

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

@@ -1,15 +1,47 @@
-import { ISignalCountdownProps } from '../../../types';
+import { IResult, ISignalCountdownProps } from '../../../types';
 import SignalHoloFlow from './signal-holo-flow';
 export default class LSRSignalHoloFlow extends SignalHoloFlow {
     private stopLineLayer;
     private watchHandle;
     private countdownPanelProps;
-    constructor(view: __esri.MapView | __esri.SceneView, countdownPanelInfos: ISignalCountdownProps[]);
+    private currentPanelScale;
+    /** 轨迹延迟时间 */
+    private trajectoryDelayTime;
+    /** 按照路口id->进口道路段id->停止线坐标保存的停止线 */
     private stopLineMap;
+    /** 信号机id->进口道id->灯组id */
+    private lampGroupMap;
+    constructor(view: __esri.MapView | __esri.SceneView, countdownPanelInfos: ISignalCountdownProps[]);
+    /**
+     * 读取停止线图层，将灯组面板沿着停止线放置
+     * @returns
+     */
     initializeLayer(): Promise<void>;
-    private currentPanelScale;
+    /**
+     * 初始化灯组与进口道的关联关系
+     */
+    initializeLampGroup(data: any): void;
+    /**
+     * 处理统一信控平台信号灯数据
+     * @param data
+     */
+    handleUniSignalData(data: any): IResult;
+    /**
+     * 根据地图比例尺计算灯组面板缩放比例
+     */
     private getPanelScale;
-    handleSignalData(data: any): Promise<void>;
+    /**
+     * 地图移动时更新灯组面板位置
+     */
+    private updatePanelPosition;
+    private doHoloSignalData;
+    private updateLampGroupPanelStatus;
+    /**
+     * 处理全息流信号灯数据
+     * @param data
+     * @returns
+     */
+    handleHoloSignalData(data: any): Promise<void>;
     clearSignal(): void;
     /**
      * 从停止线坐标计算面板旋转角度

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

@@ -1,166 +1,243 @@
-import * as g from "@arcgis/core/core/reactiveUtils";
-import { Point as h } from "@arcgis/core/geometry";
-import * as d from "@arcgis/core/geometry/support/webMercatorUtils.js";
-import u from "@arcgis/core/layers/GraphicsLayer";
-import y from "./signal-holo-flow.mjs";
-class b extends y {
-  constructor(s, a) {
-    super(s), this.stopLineLayer = new u(), this.watchHandle = null, this.stopLineMap = /* @__PURE__ */ new Map(), this.countdownPanelProps = a, this.view.map.add(this.stopLineLayer);
+import * as d from "@arcgis/core/core/reactiveUtils";
+import { Point as f } from "@arcgis/core/geometry";
+import * as u from "@arcgis/core/geometry/support/webMercatorUtils.js";
+import w from "@arcgis/core/layers/GraphicsLayer";
+import g from "./signal-holo-flow.mjs";
+class M extends g {
+  constructor(t, o) {
+    var r, i;
+    super(t), this.stopLineLayer = new w(), this.watchHandle = null, this.trajectoryDelayTime = 2, this.stopLineMap = /* @__PURE__ */ new Map(), this.lampGroupMap = /* @__PURE__ */ new Map(), this.countdownPanelProps = o, this.view.map.add(this.stopLineLayer), this.trajectoryDelayTime = ((i = (r = this.mapConfig.holoFlow) == null ? void 0 : r.signal) == null ? void 0 : i.delay) || 2;
   }
+  /**
+   * 读取停止线图层，将灯组面板沿着停止线放置
+   * @returns
+   */
   async initializeLayer() {
-    var p, c;
+    var i, e;
+    if (this.stopLineMap.size > 0)
+      return;
     console.time("初始化停止线图层");
-    let s = (c = (p = this.mapConfig.holoFlow) == null ? void 0 : p.signal) == null ? void 0 : c.stopLineLayer;
-    if (!s)
+    let t = (e = (i = this.mapConfig.holoFlow) == null ? void 0 : i.signal) == null ? void 0 : e.stopLineLayer;
+    if (!t)
       return;
-    s = this.mapConfig.assetsRoot + "/" + s;
-    const l = await (await fetch(s)).json();
-    for (const t of l.features) {
-      const { roadId: o, nodeId: e } = t.properties;
-      let { destinationPoint: n } = t.properties;
-      const { coordinates: i } = t.geometry;
+    t = this.mapConfig.assetsRoot + "/" + t;
+    const r = await (await fetch(t)).json();
+    for (const s of r.features) {
+      const { roadId: a } = s.properties;
+      let { destinationPoint: n } = s.properties;
+      const { coordinates: l } = s.geometry;
       if (n) {
         if (typeof n == "string")
           try {
             n = JSON.parse(n);
-          } catch (f) {
-            console.error("解析面板基准点失败", f);
+          } catch (c) {
+            console.error("解析面板基准点失败", c);
             continue;
           }
       } else {
-        const f = i[0], w = i[i.length - 1], P = (f[0] + w[0]) / 2, m = (f[1] + w[1]) / 2;
-        n = [P, m];
+        const c = l[0], h = l[l.length - 1], p = (c[0] + h[0]) / 2, m = (c[1] + h[1]) / 2;
+        n = [p, m];
       }
-      const r = this.stopLineMap.get(e);
-      r ? r.set(o, {
-        coord: i,
+      this.stopLineMap.set(a, {
+        coord: l,
         panelPoint: n
-      }) : this.stopLineMap.set(
-        e,
-        /* @__PURE__ */ new Map([
-          [o, { coord: i, panelPoint: n }]
-        ])
-      );
+      });
     }
     console.timeEnd("初始化停止线图层");
   }
-  getPanelScale() {
-    const s = this.view.scale;
-    let a = 1;
-    return s < 1e3 ? a = 1 : s < 2e3 ? a = 0.8 : s < 4e3 ? a = 0.4 : a = 0, a;
+  /**
+   * 初始化灯组与进口道的关联关系
+   */
+  initializeLampGroup(t) {
+    const { sigId: o, lampGroupList: r } = t, i = [];
+    r.forEach((e) => {
+      const { lampGroupNo: s, lampGroupType: a, crossFlowList: n, pedList: l } = e;
+      n.length > 0 && n.forEach((c) => {
+        const h = c.upSectionId;
+        let p = "s";
+        switch (c.turn) {
+          case 1:
+            p = "s";
+            break;
+          case 2:
+            p = "l";
+            break;
+          case 4:
+            p = "r";
+            break;
+          case 8:
+            p = "u";
+            break;
+        }
+        a === 81 && (p = "bl"), i.push({
+          lampGroupId: s,
+          roadId: h,
+          dir: p
+        });
+      }), l.length > 0;
+    }), this.lampGroupMap.set(o, i), console.log(i);
   }
-  async handleSignalData(s) {
-    this.watchHandle || (this.watchHandle = g.watch(
+  /**
+   * 处理统一信控平台信号灯数据
+   * @param data
+   */
+  handleUniSignalData(t) {
+    this.watchHandle || (this.watchHandle = d.watch(
       () => this.view.extent,
-      () => {
-        const t = this.getPanelScale();
-        for (const o of this.countdownPanelProps) {
-          t !== this.currentPanelScale && (o.scale = t);
-          const { mapPoint: e } = o;
-          let n = new h({
-            x: e[0],
-            y: e[1]
-          });
-          this.view.spatialReference.isWebMercator && (n = d.geographicToWebMercator(
-            n
-          ));
-          const i = this.view.toScreen(n);
-          if (o.position.left = i.x, o.position.top = i.y, this.view.type === "3d") {
-            const r = this.getPanelRotation(o.stopLine);
-            o.rotation = r;
-          }
-        }
-        this.currentPanelScale = t;
-      }
+      () => this.updatePanelPosition()
     ));
-    const a = s.crossId, l = this.stopLineMap.get(a);
-    if (!l)
-      return;
-    const p = s.phaseCountDownList, c = /* @__PURE__ */ new Map();
-    for (const t of p) {
-      let o = "";
-      for (let r of t.roadIdList)
-        if (r.startsWith("-") && (r = r.slice(1)), l.has(r)) {
-          o = r;
+    const { sigId: o } = t.data.basicInfo, r = this.lampGroupMap.get(o);
+    if (!r)
+      return { status: -1, message: "灯组未初始化" };
+    const { curSigColorInfo: i } = t.data, e = /* @__PURE__ */ new Map();
+    return i.forEach((s) => {
+      const a = String(s.lamgroupId), { color: n, leftTime: l } = s, c = r.find(
+        (h) => h.lampGroupId === a
+      );
+      if (c) {
+        const { roadId: h, dir: p } = c;
+        e.set(h, {
+          ...e.get(h) || {},
+          [`${p}Number`]: l,
+          [`${p}Color`]: n === 1 ? "red" : n === 2 ? "yellow" : "green"
+        });
+      }
+    }), this.updateLampGroupPanelStatus(o, e), { status: 0, message: "ok" };
+  }
+  /**
+   * 根据地图比例尺计算灯组面板缩放比例
+   */
+  getPanelScale() {
+    const t = this.view.scale;
+    let o = 1;
+    return t < 1e3 ? o = 1 : t < 2e3 ? o = 0.8 : t < 4e3 ? o = 0.4 : o = 0, o;
+  }
+  /**
+   * 地图移动时更新灯组面板位置
+   */
+  updatePanelPosition() {
+    const t = this.getPanelScale();
+    for (const o of this.countdownPanelProps) {
+      t !== this.currentPanelScale && (o.scale = t);
+      const { mapPoint: r } = o;
+      let i = new f({
+        x: r[0],
+        y: r[1]
+      });
+      this.view.spatialReference.isWebMercator && (i = u.geographicToWebMercator(
+        i
+      ));
+      const e = this.view.toScreen(i);
+      if (o.position.left = e.x, o.position.top = e.y, this.view.type === "3d") {
+        const s = this.getPanelRotation(o.stopLine);
+        o.rotation = s;
+      }
+    }
+    this.currentPanelScale = t;
+  }
+  doHoloSignalData(t) {
+    const o = t.crossId, r = t.phaseCountDownList, i = /* @__PURE__ */ new Map();
+    for (const e of r) {
+      let s = "";
+      for (let c of e.roadIdList)
+        if (c.startsWith("-") && (c = c.slice(1)), this.stopLineMap.has(c)) {
+          s = c;
           break;
         }
-      if (!o)
-        continue;
-      let e = c.get(o);
-      if (e || (e = {}, c.set(o, e)), !t.direction) {
-        console.log(`没有找到对应的方向${a}--${JSON.stringify(t)}`);
+      if (!s) {
+        console.log(`没有找到对应的进口道${o}--${s}`);
         continue;
       }
-      const n = t.direction.toLowerCase(), i = t.color === 1 ? "red" : t.color === 2 ? "yellow" : "green";
-      n === "u" ? (e.uNumber = t.leftTime, e.uColor = i) : n === "l" ? (e.lNumber = t.leftTime, e.lColor = i) : n === "s" ? (e.sNumber = t.leftTime, e.sColor = i) : n === "r" && (e.rNumber = t.leftTime, e.rColor = i);
+      let a = i.get(s);
+      if (a || (a = {}, i.set(s, a)), !e.direction)
+        continue;
+      const n = e.direction.toLowerCase(), l = e.color === 1 ? "red" : e.color === 2 ? "yellow" : "green";
+      n === "u" ? (a.uNumber = e.leftTime, a.uColor = l) : n === "l" ? (a.lNumber = e.leftTime, a.lColor = l) : n === "s" ? (a.sNumber = e.leftTime, a.sColor = l) : n === "r" && (a.rNumber = e.leftTime, a.rColor = l);
     }
-    c.forEach((t, o) => {
-      const e = l.get(o);
+    this.updateLampGroupPanelStatus(o, i);
+  }
+  updateLampGroupPanelStatus(t, o) {
+    o.forEach((r, i) => {
+      const e = this.stopLineMap.get(i);
       if (!e)
         return;
-      const n = this.countdownPanelProps.find(
-        (i) => i.crossId === a && i.roadId === o
+      const s = this.countdownPanelProps.find(
+        (a) => a.roadId === i
       );
-      if (n)
-        n.lampStatus = t;
+      if (s)
+        s.lampStatus = r;
       else {
-        let i = new h({
+        let a = new f({
           x: e.panelPoint[0],
           y: e.panelPoint[1]
         });
-        this.view.spatialReference.isWebMercator && (i = d.geographicToWebMercator(
-          i
+        this.view.spatialReference.isWebMercator && (a = u.geographicToWebMercator(
+          a
         ));
-        const r = this.view.toScreen(i), f = this.getPanelRotation(e.coord);
+        const n = this.view.toScreen(a), l = this.getPanelRotation(e.coord);
         this.countdownPanelProps.push({
           displayMode: "complex",
-          crossId: a,
-          roadId: o,
+          crossId: t,
+          roadId: i,
           mapPoint: e.panelPoint,
           // 定位点地理坐标
           stopLine: e.coord,
           // 关联的停止线坐标
-          position: { left: r.x, top: r.y },
+          position: { left: n.x, top: n.y },
           // 定位点屏幕坐标
-          rotation: f,
+          rotation: l,
           // 面板旋转角度
           scale: this.getPanelScale(),
-          lampStatus: t
+          lampStatus: r
           // 灯组状态
         });
       }
     });
   }
+  /**
+   * 处理全息流信号灯数据
+   * @param data
+   * @returns
+   */
+  async handleHoloSignalData(t) {
+    this.watchHandle || (this.watchHandle = d.watch(
+      () => this.view.extent,
+      () => this.updatePanelPosition()
+    )), this.trajectoryDelayTime === 0 ? this.doHoloSignalData(t) : setTimeout(
+      () => this.doHoloSignalData(t),
+      this.trajectoryDelayTime * 1e3
+    );
+  }
   clearSignal() {
-    var s;
-    this.stopLineLayer.removeAll(), this.countdownPanelProps.length = 0, (s = this.watchHandle) == null || s.remove(), this.watchHandle = null;
+    var t;
+    this.stopLineLayer.removeAll(), this.countdownPanelProps.length = 0, (t = this.watchHandle) == null || t.remove(), this.watchHandle = null;
   }
   /**
    * 从停止线坐标计算面板旋转角度
    * @param coordinates
    * @returns
    */
-  getPanelRotation(s) {
-    const a = s[0];
-    let l = new h({
-      x: a[0],
-      y: a[1]
+  getPanelRotation(t) {
+    const o = t[0];
+    let r = new f({
+      x: o[0],
+      y: o[1]
     });
-    this.view.spatialReference.isWebMercator && (l = d.geographicToWebMercator(
-      l
+    this.view.spatialReference.isWebMercator && (r = u.geographicToWebMercator(
+      r
     ));
-    const p = this.view.toScreen(l), c = s[s.length - 1];
-    let t = new h({
-      x: c[0],
-      y: c[1]
+    const i = this.view.toScreen(r), e = t[t.length - 1];
+    let s = new f({
+      x: e[0],
+      y: e[1]
     });
-    this.view.spatialReference.isWebMercator && (t = d.geographicToWebMercator(
-      t
+    this.view.spatialReference.isWebMercator && (s = u.geographicToWebMercator(
+      s
     ));
-    const o = this.view.toScreen(t), e = o.x - p.x, n = o.y - p.y;
-    return Math.atan2(n, e) * (180 / Math.PI);
+    const a = this.view.toScreen(s), n = a.x - i.x, l = a.y - i.y;
+    return Math.atan2(l, n) * (180 / Math.PI);
   }
 }
 export {
-  b as default
+  M as default
 };

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

@@ -16,7 +16,7 @@ export default class SignalHoloFlow {
      * */
     initializeLayer(): Promise<void>;
     private initializePlateBackground;
-    handleSignalData(data: any): Promise<void>;
+    handleHoloSignalData(data: any): Promise<void>;
     /**
      * 清除实时信号相关图层
      * */

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

@@ -121,7 +121,7 @@ class C {
       };
     });
   }
-  async handleSignalData(e) {
+  async handleHoloSignalData(e) {
     const { crossId: t, lat: a, lon: s, rtStage: n, channelsConfig: i } = e;
     await this.updateCountdown(t, a, s, n), !(!this.phaseLineLayer || !i) && ((!this.currentPhaseMap.has(t) || this.currentPhaseMap.get(t) !== n.stagePhase) && await this.updatePhaseLine(
       t,