gisviewer-vue3-arcgis 1.0.221 → 1.0.222

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

@@ -66,7 +66,7 @@ class m {
         this.signalCountdownPanelProps
       ) : this.signalHoloFlow = new s(this.view), await this.signalHoloFlow.initializeLayer();
     }
-    await this.signalHoloFlow.handleSignalData(o);
+    await this.signalHoloFlow.handleHoloSignalData(o);
   }
   clearHoloSignal() {
     var o;

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

@@ -53,7 +53,7 @@ const N = {
       const c = {
         color: _(e)
       }, m = t.rotation < 0 ? t.rotation + 360 : t.rotation;
-      return m > 135 && m < 315 && (c.transform = "rotate(180deg)"), c;
+      return m > 135 && m < 225 && (c.transform = "rotate(180deg)"), c;
     };
     return (e, c) => (n(), l("div", {
       class: "signal-countdown-panel",

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

@@ -4,12 +4,30 @@ export default class LSRSignalHoloFlow extends SignalHoloFlow {
     private stopLineLayer;
     private watchHandle;
     private countdownPanelProps;
+    /** 轨迹延迟时间 */
+    private trajectoryDelayTime;
     constructor(view: __esri.MapView | __esri.SceneView, countdownPanelInfos: ISignalCountdownProps[]);
     private stopLineMap;
+    /**
+     * 读取停止线图层，将灯组面板沿着停止线放置
+     * @returns
+     */
     initializeLayer(): Promise<void>;
     private currentPanelScale;
+    /**
+     * 根据地图比例尺计算灯组面板缩放比例
+     */
     private getPanelScale;
-    handleSignalData(data: any): Promise<void>;
+    /**
+     * 地图移动时更新灯组面板位置
+     */
+    private updatePanelPosition;
+    /**
+     * 处理全息流信号灯数据
+     * @param data
+     * @returns
+     */
+    handleHoloSignalData(data: any): Promise<void>;
     clearSignal(): void;
     /**
      * 从停止线坐标计算面板旋转角度

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

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

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,

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

@@ -1,23 +1,24 @@
 import C from "@arcgis/core/Basemap";
-import d from "@arcgis/core/config";
+import g from "@arcgis/core/config";
 import * as k from "@arcgis/core/core/reactiveUtils";
-import { Polygon as L, Polyline as W, Point as P } from "@arcgis/core/geometry";
+import { Polygon as L, Polyline as W, Point as T } from "@arcgis/core/geometry";
 import * as w from "@arcgis/core/geometry/support/webMercatorUtils";
 import z from "@arcgis/core/layers/FeatureLayer";
 import x from "@arcgis/core/layers/GeoJSONLayer";
-import I from "@arcgis/core/layers/MapImageLayer";
-import R from "@arcgis/core/layers/TileLayer";
-import H from "@arcgis/core/layers/WebTileLayer";
-import G from "@arcgis/core/Map";
-import O from "@arcgis/core/views/MapView";
-import S from "@arcgis/core/views/SceneView";
-import B from "@turf/destination";
-import * as N from "@turf/helpers";
-import E from "./custom-layer/custom-wmts-layer.mjs";
-function T(h, t) {
-  return h && (h.startsWith("http://") || h.startsWith("https://") ? h : t + h);
+import I from "@arcgis/core/layers/IntegratedMesh3DTilesLayer";
+import R from "@arcgis/core/layers/MapImageLayer";
+import H from "@arcgis/core/layers/TileLayer";
+import G from "@arcgis/core/layers/WebTileLayer";
+import O from "@arcgis/core/Map";
+import S from "@arcgis/core/views/MapView";
+import B from "@arcgis/core/views/SceneView";
+import N from "@turf/destination";
+import * as E from "@turf/helpers";
+import A from "./custom-layer/custom-wmts-layer.mjs";
+function P(h, e) {
+  return h && (h.startsWith("http://") || h.startsWith("https://") ? h : e + h);
 }
-class X {
+class ee {
   constructor() {
     this.mapConfig = {}, this.watchHandleMap = /* @__PURE__ */ new Map(), this.handleIndex = 0, this.zoomWatchHandle = null;
   }
@@ -26,19 +27,19 @@ class X {
    * @param params 容器
    * @returns view
    */
-  async initialize(t) {
-    var p, u, b, v;
-    this.mapConfig = t.mapConfig;
-    const { container: i, markerClickCallback: o, mapClickCallback: r } = t;
-    d.assetsPath = `${this.mapConfig.assetsRoot}/ArcgisAssets`, d.fontsUrl = `${this.mapConfig.assetsRoot}/fonts`, d.apiKey = "AAPKf5a3e1044d7a4faeb3b1ec7060f5c68equIrP2KbRyL-t_b40Kk4GTWUQ1BFCyttvyQPQnWpFmBd7kp9gkrVihjfmcKBwxjW";
-    const s = new G();
-    if (((p = this.mapConfig) == null ? void 0 : p.mapOptions.mode.toLowerCase()) === "2d" ? (this.view = new O({
+  async initialize(e) {
+    var p, u, b, y;
+    this.mapConfig = e.mapConfig;
+    const { container: i, markerClickCallback: o, mapClickCallback: r } = e;
+    g.assetsPath = `${this.mapConfig.assetsRoot}/ArcgisAssets`, g.fontsUrl = `${this.mapConfig.assetsRoot}/fonts`, g.apiKey = "AAPKf5a3e1044d7a4faeb3b1ec7060f5c68equIrP2KbRyL-t_b40Kk4GTWUQ1BFCyttvyQPQnWpFmBd7kp9gkrVihjfmcKBwxjW";
+    const s = new O();
+    if (((p = this.mapConfig) == null ? void 0 : p.mapOptions.mode.toLowerCase()) === "2d" ? (this.view = new S({
       map: s,
       container: i,
       ...this.mapConfig.mapOptions
-    }), this.view.on("drag", (e) => {
-      e.button === 2 && e.stopPropagation();
-    })) : this.view = new S({
+    }), this.view.on("drag", (t) => {
+      t.button === 2 && t.stopPropagation();
+    })) : this.view = new B({
       map: s,
       container: i,
       environment: {
@@ -56,16 +57,16 @@ class X {
     }, this.view.popup.dockOptions = {
       buttonEnabled: !1,
       breakpoint: !1
-    }, this.view.on("click", async (e) => {
-      var y, M;
+    }, this.view.on("click", async (t) => {
+      var v, M;
       if (r) {
-        let a = e.mapPoint;
+        let a = t.mapPoint;
         a.spatialReference.isWebMercator && (a = w.webMercatorToGeographic(
           a
         )), r(
           [a.x, a.y],
-          [e.screenPoint.x, e.screenPoint.y],
-          e
+          [t.screenPoint.x, t.screenPoint.y],
+          t
         );
       }
       if (this.view.type === "3d") {
@@ -78,7 +79,7 @@ class X {
             tilt: a.tilt,
             position: m.toJSON()
           };
-          console.log(f), (y = navigator.clipboard) == null || y.writeText(JSON.stringify(f));
+          console.log(f), (v = navigator.clipboard) == null || v.writeText(JSON.stringify(f));
         } else
           console.log(a.toJSON());
         console.log(this.view.zoom, this.view.scale);
@@ -92,7 +93,7 @@ class X {
           scale: this.view.scale
         });
       }
-      const n = (M = (await this.view.hitTest(e)).results) == null ? void 0 : M.filter(
+      const n = (M = (await this.view.hitTest(t)).results) == null ? void 0 : M.filter(
         (a) => a.type === "graphic"
       );
       n.length > 0 && n.forEach((a) => {
@@ -102,51 +103,59 @@ class X {
           m.attributes.type,
           m.attributes.id,
           m.attributes,
-          e
+          t
         );
       });
-    }), (b = this.mapConfig) != null && b.baseLayers ? this.mapConfig.baseLayers.forEach((e) => {
-      const c = T(e.url, this.mapConfig.assetsRoot);
-      switch (e.type.toLowerCase()) {
+    }), (b = this.mapConfig) != null && b.baseLayers ? this.mapConfig.baseLayers.forEach((t) => {
+      const c = P(t.url, this.mapConfig.assetsRoot);
+      switch (t.type.toLowerCase()) {
         case "webTile".toLowerCase(): {
-          const n = new H({
+          const n = new G({
             urlTemplate: c,
-            ...e.options
+            ...t.options
           });
           s.add(n);
           break;
         }
         case "tile": {
-          const n = new R({
+          const n = new H({
             url: c,
-            ...e.options
+            ...t.options
           });
           s.add(n);
           break;
         }
         case "customWMTS".toLowerCase(): {
-          const n = new E({
+          const n = new A({
             urlTemplate: c,
-            ...e.options
+            ...t.options
           });
           s.add(n);
           break;
         }
         case "mapImage".toLowerCase(): {
-          const n = new I({
+          const n = new R({
             url: c,
-            ...e.options
+            ...t.options
           });
           s.add(n);
           break;
         }
         case "arcgis": {
-          const n = new C(e.options);
+          const n = new C(t.options);
           s.basemap = n;
           break;
         }
         case "feature": {
-          const n = new z({ url: c, ...e.options });
+          const n = new z({ url: c, ...t.options });
+          s.add(n);
+          break;
+        }
+        case "3dtiles": {
+          const n = new I({
+            url: c,
+            ...t.options
+          });
           s.add(n);
           break;
         }
@@ -156,41 +165,41 @@ class X {
         id: "arcgis/light-gray",
         language: "zh-CN"
       }
-    }), (v = this.mapConfig) != null && v.hdLayers) {
-      const e = this.mapConfig.hdLayers.map(
+    }), (y = this.mapConfig) != null && y.hdLayers) {
+      const t = this.mapConfig.hdLayers.map(
         (c) => (
           // 图层文件为GeoJson格式, renderer和symbol使用autocast配置
           new x({
-            url: T(c.url, this.mapConfig.assetsRoot),
+            url: P(c.url, this.mapConfig.assetsRoot),
             ...c.options,
             title: c.options.id
           })
         )
       );
-      s.addMany(e);
+      s.addMany(t);
     }
     this.view.ui.remove("attribution"), await this.view.when();
-    const g = this.mapConfig.camera;
+    const d = this.mapConfig.camera;
     let l;
     if (this.view.type === "2d") {
-      let e = this.view.center;
-      this.view.spatialReference.isWebMercator && (e = w.webMercatorToGeographic(
-        e
-      )), l = { center: [e.x, e.y], zoom: this.view.zoom };
+      let t = this.view.center;
+      this.view.spatialReference.isWebMercator && (t = w.webMercatorToGeographic(
+        t
+      )), l = { center: [t.x, t.y], zoom: this.view.zoom };
     } else {
-      let e = this.view.camera.position;
-      this.view.spatialReference.isWebMercator && (e = w.webMercatorToGeographic(
-        e
+      let t = this.view.camera.position;
+      this.view.spatialReference.isWebMercator && (t = w.webMercatorToGeographic(
+        t
       )), l = {
-        position: e,
+        position: t,
         heading: this.view.camera.heading,
         tilt: this.view.camera.tilt
       };
     }
-    return g ? g.home = l : this.mapConfig.camera = { home: l }, this.view;
+    return d ? d.home = l : this.mapConfig.camera = { home: l }, this.view;
   }
-  setLayerVisibility(t) {
-    const { id: i, visible: o } = t, r = this.view.map.findLayerById(i);
+  setLayerVisibility(e) {
+    const { id: i, visible: o } = e, r = this.view.map.findLayerById(i);
     return r ? (r.visible = o, { status: 0, message: "ok" }) : { status: -1, message: "未找到图层" };
   }
   /**
@@ -198,49 +207,49 @@ class X {
    * @param params
    * @returns
    */
-  async setMapCenter(t) {
+  async setMapCenter(e) {
     var i;
     if (!this.view)
       return { status: -1, message: "未初始化" };
-    if (t.center || t.target) {
-      switch ((i = t.target) == null ? void 0 : i.type) {
+    if (e.center || e.target) {
+      switch ((i = e.target) == null ? void 0 : i.type) {
         case "point":
-          t.target = new P(t.target);
+          e.target = new T(e.target);
           break;
         case "polyline":
-          t.target = new W(t.target);
+          e.target = new W(e.target);
           break;
         case "polygon":
-          t.target = new L(t.target);
+          e.target = new L(e.target);
           break;
       }
-      await this.view.goTo(t, { duration: (t.duration || 0) * 1e3 });
+      await this.view.goTo(e, { duration: (e.duration || 0) * 1e3 });
     }
     return { status: 0, message: "成功" };
   }
   /**
    * 在一定的高度，以一定的角度去观察某个坐标
    * */
-  async lookAt(t) {
+  async lookAt(e) {
     if (this.view.type === "2d")
       return;
-    const i = t.tilt || 0, o = t.heading || 0;
+    const i = e.tilt || 0, o = e.heading || 0;
     if (i === 0)
       await this.view.goTo(
         {
           position: {
-            x: t.center[0],
-            y: t.center[1],
-            z: t.height
+            x: e.center[0],
+            y: e.center[1],
+            z: e.height
           },
           heading: o,
           tilt: 0
         },
-        { duration: (t.duration || 2) * 1e3 }
+        { duration: (e.duration || 2) * 1e3 }
       );
     else {
-      const r = Math.tan(i * Math.PI / 180) * t.height, s = B(
-        N.point(t.center),
+      const r = Math.tan(i * Math.PI / 180) * e.height, s = N(
+        E.point(e.center),
         r,
         o + 180,
         {
@@ -252,19 +261,19 @@ class X {
           position: {
             x: s.geometry.coordinates[0],
             y: s.geometry.coordinates[1],
-            z: t.height
+            z: e.height
           },
           heading: o,
           tilt: i
         },
-        { duration: (t.duration || 2) * 1e3 }
+        { duration: (e.duration || 2) * 1e3 }
       );
     }
   }
-  async setMapCamera(t) {
+  async setMapCamera(e) {
     if (!this.view)
       return { status: -1, message: "未初始化" };
-    const { name: i, duration: o = 0 } = t, { camera: r } = this.mapConfig;
+    const { name: i, duration: o = 0 } = e, { camera: r } = this.mapConfig;
     if (!r)
       return { status: -1, message: "未配置camera" };
     const s = r[i];
@@ -273,20 +282,20 @@ class X {
   /**
    * 经纬度转像素坐标，在地图移动时回调
    * */
-  requestCoordinateTransform(t, i) {
+  requestCoordinateTransform(e, i) {
     let o = 0;
-    const s = 1e3 / 30, g = k.watch(
+    const s = 1e3 / 30, d = k.watch(
       () => this.view.center,
       () => {
-        const l = this.transformPoints(t), p = Date.now();
+        const l = this.transformPoints(e), p = Date.now();
         p - o > s && (i(l), o = p);
       }
     );
-    return this.handleIndex++, this.watchHandleMap.set(this.handleIndex, g), { handle: this.handleIndex, points: this.transformPoints(t) };
+    return this.handleIndex++, this.watchHandleMap.set(this.handleIndex, d), { handle: this.handleIndex, points: this.transformPoints(e) };
   }
-  transformPoints(t) {
-    return t.map((i) => {
-      const o = new P({
+  transformPoints(e) {
+    return e.map((i) => {
+      const o = new T({
         x: i[0],
         y: i[1]
       }), r = this.view.toScreen(o);
@@ -296,15 +305,15 @@ class X {
   /**
    * 停止坐标转换回调
    * */
-  cancelCoordinateTransform(t) {
-    const i = this.watchHandleMap.get(t);
-    i && (i.remove(), this.watchHandleMap.delete(t));
+  cancelCoordinateTransform(e) {
+    const i = this.watchHandleMap.get(e);
+    i && (i.remove(), this.watchHandleMap.delete(e));
   }
   /**
    * 设置地图zoom范围
    * */
-  setMapZoomRange(t) {
-    const { min: i, max: o } = t;
+  setMapZoomRange(e) {
+    const { min: i, max: o } = e;
     !i && !o || (this.zoomWatchHandle && this.zoomWatchHandle.remove(), this.zoomWatchHandle = k.watch(
       () => this.view.zoom,
       (r) => {
@@ -314,5 +323,5 @@ class X {
   }
 }
 export {
-  X as default
+  ee as default
 };

package/lib/src/gis-map/utils/holo-flow/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("vue"),t=require("../../../types/index.js"),s=require("../../stores/index.js"),n=require("./signal-holo-flow.js"),r=require("./signal-holo-flow-lsr.js"),c=require("./trace-holo-flow.js");class h{constructor(e,o){this.view=e,this.signalCountdownPanelProps=o}async init(){this.traceHoloFlow=new c.default(this.view),await this.traceHoloFlow.init()}handleVehicleTraceData(e){this.traceHoloFlow.handleVehicleTraceData(e)}toggleTrafficObject(e){switch(e.name.toLowerCase()){case"groundVehicle".toLowerCase():this.traceHoloFlow.toggleGroundVehicle(e.visible);break;case"elevatedVehicle".toLowerCase():this.traceHoloFlow.toggleElevatedVehicle(e.visible);break}}clearHoloTrace(){this.traceHoloFlow.clearTrace()}toggleTrafficInfo(e){this.traceHoloFlow.toggleTrafficInfo(e)}togglePause(e){this.traceHoloFlow.togglePause(e)}updatePanelContent(e){let o=t.EVehiclePlateState.None;switch(e){case"none":o=t.EVehiclePlateState.None;break;case"plateNumber":o=t.EVehiclePlateState.PlateNumber;break;case"vehicleId":o=t.EVehiclePlateState.Id;break;case"mix":o=t.EVehiclePlateState.Mix;break}this.traceHoloFlow.updatePanelContent(o)}async handleSignalData(e){var o,l;if(!this.signalHoloFlow){const a=s.default.useAppDataStore;((l=(o=i.toRaw(a.mapConfig).holoFlow)==null?void 0:o.signal)==null?void 0:l.style)==="LSR"?this.signalHoloFlow=new r.default(this.view,this.signalCountdownPanelProps):this.signalHoloFlow=new n.default(this.view),await this.signalHoloFlow.initializeLayer()}await this.signalHoloFlow.handleSignalData(e)}clearHoloSignal(){var e;(e=this.signalHoloFlow)==null||e.clearSignal()}setInterpolate(e){this.traceHoloFlow.setInterpolate(e)}downloadTrackLog(){this.traceHoloFlow.downloadLog()}}exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("vue"),t=require("../../../types/index.js"),s=require("../../stores/index.js"),n=require("./signal-holo-flow.js"),r=require("./signal-holo-flow-lsr.js"),c=require("./trace-holo-flow.js");class h{constructor(e,o){this.view=e,this.signalCountdownPanelProps=o}async init(){this.traceHoloFlow=new c.default(this.view),await this.traceHoloFlow.init()}handleVehicleTraceData(e){this.traceHoloFlow.handleVehicleTraceData(e)}toggleTrafficObject(e){switch(e.name.toLowerCase()){case"groundVehicle".toLowerCase():this.traceHoloFlow.toggleGroundVehicle(e.visible);break;case"elevatedVehicle".toLowerCase():this.traceHoloFlow.toggleElevatedVehicle(e.visible);break}}clearHoloTrace(){this.traceHoloFlow.clearTrace()}toggleTrafficInfo(e){this.traceHoloFlow.toggleTrafficInfo(e)}togglePause(e){this.traceHoloFlow.togglePause(e)}updatePanelContent(e){let o=t.EVehiclePlateState.None;switch(e){case"none":o=t.EVehiclePlateState.None;break;case"plateNumber":o=t.EVehiclePlateState.PlateNumber;break;case"vehicleId":o=t.EVehiclePlateState.Id;break;case"mix":o=t.EVehiclePlateState.Mix;break}this.traceHoloFlow.updatePanelContent(o)}async handleSignalData(e){var o,l;if(!this.signalHoloFlow){const a=s.default.useAppDataStore;((l=(o=i.toRaw(a.mapConfig).holoFlow)==null?void 0:o.signal)==null?void 0:l.style)==="LSR"?this.signalHoloFlow=new r.default(this.view,this.signalCountdownPanelProps):this.signalHoloFlow=new n.default(this.view),await this.signalHoloFlow.initializeLayer()}await this.signalHoloFlow.handleHoloSignalData(e)}clearHoloSignal(){var e;(e=this.signalHoloFlow)==null||e.clearSignal()}setInterpolate(e){this.traceHoloFlow.setInterpolate(e)}downloadTrackLog(){this.traceHoloFlow.downloadLog()}}exports.default=h;

package/lib/src/gis-map/utils/holo-flow/signal-countdown-panel.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),v={key:0,class:"signal-countdown-container"},N=["src"],h={key:1,class:"signal-countdown-container"},w=["src"],V={key:2,class:"signal-countdown-container"},C=["src"],b={key:3,class:"signal-countdown-container"},E=["src"],_=e.defineComponent({__name:"signal-countdown-panel",props:{displayMode:{},crossId:{},roadId:{},mapPoint:{},stopLine:{},scale:{},position:{},rotation:{},lampStatus:{}},setup(a){const t=a,r=e.computed(()=>({top:`${t.position.top}px`,left:`${t.position.left}px`,"transform-origin":"bottom center",transform:`translateX(-50%) translateY(-100%) rotate(${t.rotation}deg) scale(${t.scale})`})),c=e.computed(()=>`/GisViewerAssets/Images/SignalLamp/u-${t.lampStatus.uColor}.png`),i=e.computed(()=>l(t.lampStatus.uColor)),u=e.computed(()=>`/GisViewerAssets/Images/SignalLamp/l-${t.lampStatus.lColor}.png`),m=e.computed(()=>l(t.lampStatus.lColor)),d=e.computed(()=>`/GisViewerAssets/Images/SignalLamp/s-${t.lampStatus.sColor}.png`),p=e.computed(()=>l(t.lampStatus.sColor)),g=e.computed(()=>`/GisViewerAssets/Images/SignalLamp/r-${t.lampStatus.rColor}.png`),S=e.computed(()=>l(t.lampStatus.rColor)),y=o=>{switch(o){case"red":return"red";case"yellow":return"rgb(255, 192, 2)";case"green":return"lime";default:return"white"}},l=o=>{const n={color:y(o)},s=t.rotation<0?t.rotation+360:t.rotation;return s>135&&s<315&&(n.transform="rotate(180deg)"),n};return(o,n)=>(e.openBlock(),e.createElementBlock("div",{class:"signal-countdown-panel",style:e.normalizeStyle(r.value)},[o.lampStatus.uColor?(e.openBlock(),e.createElementBlock("div",v,[e.createElementVNode("div",{class:"signal-countdown-number",style:e.normalizeStyle(i.value)},e.toDisplayString(o.lampStatus.uNumber),5),e.createElementVNode("div",null,[e.createElementVNode("img",{src:c.value,width:"20px",height:"20px"},null,8,N)])])):e.createCommentVNode("",!0),o.lampStatus.lColor?(e.openBlock(),e.createElementBlock("div",h,[e.createElementVNode("div",{class:"signal-countdown-number",style:e.normalizeStyle(m.value)},e.toDisplayString(o.lampStatus.lNumber),5),e.createElementVNode("div",null,[e.createElementVNode("img",{src:u.value,width:"20px",height:"20px"},null,8,w)])])):e.createCommentVNode("",!0),o.lampStatus.sColor?(e.openBlock(),e.createElementBlock("div",V,[e.createElementVNode("div",{class:"signal-countdown-number",style:e.normalizeStyle(p.value)},e.toDisplayString(o.lampStatus.sNumber),5),e.createElementVNode("div",null,[e.createElementVNode("img",{src:d.value,width:"20px",height:"20px"},null,8,C)])])):e.createCommentVNode("",!0),o.lampStatus.rColor!==void 0?(e.openBlock(),e.createElementBlock("div",b,[e.createElementVNode("div",{class:"signal-countdown-number",style:e.normalizeStyle(S.value)},e.toDisplayString(o.lampStatus.rNumber),5),e.createElementVNode("div",null,[e.createElementVNode("img",{src:g.value,width:"20px",height:"20px"},null,8,E)])])):e.createCommentVNode("",!0)],4))}});exports.default=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),v={key:0,class:"signal-countdown-container"},N=["src"],h={key:1,class:"signal-countdown-container"},w=["src"],V={key:2,class:"signal-countdown-container"},C=["src"],b={key:3,class:"signal-countdown-container"},E=["src"],_=e.defineComponent({__name:"signal-countdown-panel",props:{displayMode:{},crossId:{},roadId:{},mapPoint:{},stopLine:{},scale:{},position:{},rotation:{},lampStatus:{}},setup(a){const t=a,r=e.computed(()=>({top:`${t.position.top}px`,left:`${t.position.left}px`,"transform-origin":"bottom center",transform:`translateX(-50%) translateY(-100%) rotate(${t.rotation}deg) scale(${t.scale})`})),c=e.computed(()=>`/GisViewerAssets/Images/SignalLamp/u-${t.lampStatus.uColor}.png`),i=e.computed(()=>l(t.lampStatus.uColor)),u=e.computed(()=>`/GisViewerAssets/Images/SignalLamp/l-${t.lampStatus.lColor}.png`),m=e.computed(()=>l(t.lampStatus.lColor)),d=e.computed(()=>`/GisViewerAssets/Images/SignalLamp/s-${t.lampStatus.sColor}.png`),p=e.computed(()=>l(t.lampStatus.sColor)),g=e.computed(()=>`/GisViewerAssets/Images/SignalLamp/r-${t.lampStatus.rColor}.png`),S=e.computed(()=>l(t.lampStatus.rColor)),y=o=>{switch(o){case"red":return"red";case"yellow":return"rgb(255, 192, 2)";case"green":return"lime";default:return"white"}},l=o=>{const n={color:y(o)},s=t.rotation<0?t.rotation+360:t.rotation;return s>135&&s<225&&(n.transform="rotate(180deg)"),n};return(o,n)=>(e.openBlock(),e.createElementBlock("div",{class:"signal-countdown-panel",style:e.normalizeStyle(r.value)},[o.lampStatus.uColor?(e.openBlock(),e.createElementBlock("div",v,[e.createElementVNode("div",{class:"signal-countdown-number",style:e.normalizeStyle(i.value)},e.toDisplayString(o.lampStatus.uNumber),5),e.createElementVNode("div",null,[e.createElementVNode("img",{src:c.value,width:"20px",height:"20px"},null,8,N)])])):e.createCommentVNode("",!0),o.lampStatus.lColor?(e.openBlock(),e.createElementBlock("div",h,[e.createElementVNode("div",{class:"signal-countdown-number",style:e.normalizeStyle(m.value)},e.toDisplayString(o.lampStatus.lNumber),5),e.createElementVNode("div",null,[e.createElementVNode("img",{src:u.value,width:"20px",height:"20px"},null,8,w)])])):e.createCommentVNode("",!0),o.lampStatus.sColor?(e.openBlock(),e.createElementBlock("div",V,[e.createElementVNode("div",{class:"signal-countdown-number",style:e.normalizeStyle(p.value)},e.toDisplayString(o.lampStatus.sNumber),5),e.createElementVNode("div",null,[e.createElementVNode("img",{src:d.value,width:"20px",height:"20px"},null,8,C)])])):e.createCommentVNode("",!0),o.lampStatus.rColor!==void 0?(e.openBlock(),e.createElementBlock("div",b,[e.createElementVNode("div",{class:"signal-countdown-number",style:e.normalizeStyle(S.value)},e.toDisplayString(o.lampStatus.rNumber),5),e.createElementVNode("div",null,[e.createElementVNode("img",{src:g.value,width:"20px",height:"20px"},null,8,E)])])):e.createCommentVNode("",!0)],4))}});exports.default=_;

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

@@ -4,12 +4,30 @@ export default class LSRSignalHoloFlow extends SignalHoloFlow {
     private stopLineLayer;
     private watchHandle;
     private countdownPanelProps;
+    /** 轨迹延迟时间 */
+    private trajectoryDelayTime;
     constructor(view: __esri.MapView | __esri.SceneView, countdownPanelInfos: ISignalCountdownProps[]);
     private stopLineMap;
+    /**
+     * 读取停止线图层，将灯组面板沿着停止线放置
+     * @returns
+     */
     initializeLayer(): Promise<void>;
     private currentPanelScale;
+    /**
+     * 根据地图比例尺计算灯组面板缩放比例
+     */
     private getPanelScale;
-    handleSignalData(data: any): Promise<void>;
+    /**
+     * 地图移动时更新灯组面板位置
+     */
+    private updatePanelPosition;
+    /**
+     * 处理全息流信号灯数据
+     * @param data
+     * @returns
+     */
+    handleHoloSignalData(data: any): Promise<void>;
     clearSignal(): void;
     /**
      * 从停止线坐标计算面板旋转角度

package/lib/src/gis-map/utils/holo-flow/signal-holo-flow-lsr.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("@arcgis/core/core/reactiveUtils"),u=require("@arcgis/core/geometry"),L=require("@arcgis/core/geometry/support/webMercatorUtils.js"),M=require("@arcgis/core/layers/GraphicsLayer"),S=require("./signal-holo-flow.js");function P(f){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(f){for(const n in f)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(f,n);Object.defineProperty(o,n,l.get?l:{enumerable:!0,get:()=>f[n]})}}return o.default=f,Object.freeze(o)}const b=P(y),d=P(L);class v extends S.default{constructor(o,n){super(o),this.stopLineLayer=new M,this.watchHandle=null,this.stopLineMap=new Map,this.countdownPanelProps=n,this.view.map.add(this.stopLineLayer)}async initializeLayer(){var p,c;console.time("初始化停止线图层");let o=(c=(p=this.mapConfig.holoFlow)==null?void 0:p.signal)==null?void 0:c.stopLineLayer;if(!o)return;o=this.mapConfig.assetsRoot+"/"+o;const l=await(await fetch(o)).json();for(const t of l.features){const{roadId:i,nodeId:e}=t.properties;let{destinationPoint:s}=t.properties;const{coordinates:a}=t.geometry;if(s){if(typeof s=="string")try{s=JSON.parse(s)}catch(h){console.error("解析面板基准点失败",h);continue}}else{const h=a[0],w=a[a.length-1],g=(h[0]+w[0])/2,m=(h[1]+w[1])/2;s=[g,m]}const r=this.stopLineMap.get(e);r?r.set(i,{coord:a,panelPoint:s}):this.stopLineMap.set(e,new Map([[i,{coord:a,panelPoint:s}]]))}console.timeEnd("初始化停止线图层")}getPanelScale(){const o=this.view.scale;let n=1;return o<1e3?n=1:o<2e3?n=.8:o<4e3?n=.4:n=0,n}async handleSignalData(o){this.watchHandle||(this.watchHandle=b.watch(()=>this.view.extent,()=>{const t=this.getPanelScale();for(const i of this.countdownPanelProps){t!==this.currentPanelScale&&(i.scale=t);const{mapPoint:e}=i;let s=new u.Point({x:e[0],y:e[1]});this.view.spatialReference.isWebMercator&&(s=d.geographicToWebMercator(s));const a=this.view.toScreen(s);if(i.position.left=a.x,i.position.top=a.y,this.view.type==="3d"){const r=this.getPanelRotation(i.stopLine);i.rotation=r}}this.currentPanelScale=t}));const n=o.crossId,l=this.stopLineMap.get(n);if(!l)return;const p=o.phaseCountDownList,c=new Map;for(const t of p){let i="";for(let r of t.roadIdList)if(r.startsWith("-")&&(r=r.slice(1)),l.has(r)){i=r;break}if(!i)continue;let e=c.get(i);if(e||(e={},c.set(i,e)),!t.direction){console.log(`没有找到对应的方向${n}--${JSON.stringify(t)}`);continue}const s=t.direction.toLowerCase(),a=t.color===1?"red":t.color===2?"yellow":"green";s==="u"?(e.uNumber=t.leftTime,e.uColor=a):s==="l"?(e.lNumber=t.leftTime,e.lColor=a):s==="s"?(e.sNumber=t.leftTime,e.sColor=a):s==="r"&&(e.rNumber=t.leftTime,e.rColor=a)}c.forEach((t,i)=>{const e=l.get(i);if(!e)return;const s=this.countdownPanelProps.find(a=>a.crossId===n&&a.roadId===i);if(s)s.lampStatus=t;else{let a=new u.Point({x:e.panelPoint[0],y:e.panelPoint[1]});this.view.spatialReference.isWebMercator&&(a=d.geographicToWebMercator(a));const r=this.view.toScreen(a),h=this.getPanelRotation(e.coord);this.countdownPanelProps.push({displayMode:"complex",crossId:n,roadId:i,mapPoint:e.panelPoint,stopLine:e.coord,position:{left:r.x,top:r.y},rotation:h,scale:this.getPanelScale(),lampStatus:t})}})}clearSignal(){var o;this.stopLineLayer.removeAll(),this.countdownPanelProps.length=0,(o=this.watchHandle)==null||o.remove(),this.watchHandle=null}getPanelRotation(o){const n=o[0];let l=new u.Point({x:n[0],y:n[1]});this.view.spatialReference.isWebMercator&&(l=d.geographicToWebMercator(l));const p=this.view.toScreen(l),c=o[o.length-1];let t=new u.Point({x:c[0],y:c[1]});this.view.spatialReference.isWebMercator&&(t=d.geographicToWebMercator(t));const i=this.view.toScreen(t),e=i.x-p.x,s=i.y-p.y;return Math.atan2(s,e)*(180/Math.PI)}}exports.default=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("@arcgis/core/core/reactiveUtils"),u=require("@arcgis/core/geometry"),L=require("@arcgis/core/geometry/support/webMercatorUtils.js"),M=require("@arcgis/core/layers/GraphicsLayer"),S=require("./signal-holo-flow.js");function w(f){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(f){for(const e in f)if(e!=="default"){const i=Object.getOwnPropertyDescriptor(f,e);Object.defineProperty(t,e,i.get?i:{enumerable:!0,get:()=>f[e]})}}return t.default=f,Object.freeze(t)}const b=w(m),d=w(L);class v extends S.default{constructor(t,e){var i,l;super(t),this.stopLineLayer=new M,this.watchHandle=null,this.trajectoryDelayTime=0,this.stopLineMap=new Map,this.countdownPanelProps=e,this.view.map.add(this.stopLineLayer),this.trajectoryDelayTime=((l=(i=this.mapConfig.holoFlow)==null?void 0:i.signal)==null?void 0:l.delay)||2}async initializeLayer(){var l,c;console.time("初始化停止线图层");let t=(c=(l=this.mapConfig.holoFlow)==null?void 0:l.signal)==null?void 0:c.stopLineLayer;if(!t)return;t=this.mapConfig.assetsRoot+"/"+t;const i=await(await fetch(t)).json();for(const n of i.features){const{roadId:r,nodeId:o}=n.properties;let{destinationPoint:a}=n.properties;const{coordinates:s}=n.geometry;if(a){if(typeof a=="string")try{a=JSON.parse(a)}catch(h){console.error("解析面板基准点失败",h);continue}}else{const h=s[0],P=s[s.length-1],g=(h[0]+P[0])/2,y=(h[1]+P[1])/2;a=[g,y]}const p=this.stopLineMap.get(o);p?p.set(r,{coord:s,panelPoint:a}):this.stopLineMap.set(o,new Map([[r,{coord:s,panelPoint:a}]]))}console.timeEnd("初始化停止线图层")}getPanelScale(){const t=this.view.scale;let e=1;return t<1e3?e=1:t<2e3?e=.8:t<4e3?e=.4:e=0,e}updatePanelPosition(){const t=this.getPanelScale();for(const e of this.countdownPanelProps){t!==this.currentPanelScale&&(e.scale=t);const{mapPoint:i}=e;let l=new u.Point({x:i[0],y:i[1]});this.view.spatialReference.isWebMercator&&(l=d.geographicToWebMercator(l));const c=this.view.toScreen(l);if(e.position.left=c.x,e.position.top=c.y,this.view.type==="3d"){const n=this.getPanelRotation(e.stopLine);e.rotation=n}}this.currentPanelScale=t}async handleHoloSignalData(t){this.watchHandle||(this.watchHandle=b.watch(()=>this.view.extent,()=>this.updatePanelPosition())),setTimeout(()=>{const e=t.crossId,i=this.stopLineMap.get(e);if(!i){console.log(`没有找到路口${e}`);return}const l=t.phaseCountDownList,c=new Map;for(const n of l){let r="";for(let p of n.roadIdList)if(p.startsWith("-")&&(p=p.slice(1)),i.has(p)){r=p;break}if(!r){console.log(`没有找到对应的进口道${e}--${r}`);continue}let o=c.get(r);if(o||(o={},c.set(r,o)),!n.direction)continue;const a=n.direction.toLowerCase(),s=n.color===1?"red":n.color===2?"yellow":"green";a==="u"?(o.uNumber=n.leftTime,o.uColor=s):a==="l"?(o.lNumber=n.leftTime,o.lColor=s):a==="s"?(o.sNumber=n.leftTime,o.sColor=s):a==="r"&&(o.rNumber=n.leftTime,o.rColor=s)}c.forEach((n,r)=>{const o=i.get(r);if(!o)return;const a=this.countdownPanelProps.find(s=>s.crossId===e&&s.roadId===r);if(a)a.lampStatus=n;else{let s=new u.Point({x:o.panelPoint[0],y:o.panelPoint[1]});this.view.spatialReference.isWebMercator&&(s=d.geographicToWebMercator(s));const p=this.view.toScreen(s),h=this.getPanelRotation(o.coord);this.countdownPanelProps.push({displayMode:"complex",crossId:e,roadId:r,mapPoint:o.panelPoint,stopLine:o.coord,position:{left:p.x,top:p.y},rotation:h,scale:this.getPanelScale(),lampStatus:n})}})},this.trajectoryDelayTime*1e3)}clearSignal(){var t;this.stopLineLayer.removeAll(),this.countdownPanelProps.length=0,(t=this.watchHandle)==null||t.remove(),this.watchHandle=null}getPanelRotation(t){const e=t[0];let i=new u.Point({x:e[0],y:e[1]});this.view.spatialReference.isWebMercator&&(i=d.geographicToWebMercator(i));const l=this.view.toScreen(i),c=t[t.length-1];let n=new u.Point({x:c[0],y:c[1]});this.view.spatialReference.isWebMercator&&(n=d.geographicToWebMercator(n));const r=this.view.toScreen(n),o=r.x-l.x,a=r.y-l.y;return Math.atan2(a,o)*(180/Math.PI)}}exports.default=v;

package/lib/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/lib/src/gis-map/utils/holo-flow/signal-holo-flow.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("@arcgis/core/core/reactiveUtils"),u=require("@arcgis/core/geometry"),p=require("@arcgis/core/layers/FeatureLayer"),g=require("vue"),y=require("../../stores/index.js");function w(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(e,t,a.get?a:{enumerable:!0,get:()=>r[t]})}}return e.default=r,Object.freeze(e)}const f=w(d);class m{constructor(e){this.currentPhaseMap=new Map,this.countdownCanvasMap=new Map,this.lastDataTime=0,this.isDeletingCanvas=!1,this.canvasWidth=80,this.canvasHeight=40,this.view=(e.type==="2d",e);const t=y.default.useAppDataStore;this.mapConfig=g.toRaw(t.mapConfig)}async initializeLayer(){try{await this.initializePlateBackground()}catch(e){console.log("倒计时背景图片加载失败",e)}if(this.mapConfig.phaseLineLayer)if(this.phaseLineLayer)this.phaseLineLayer.visible||(this.phaseLineLayer.visible=!0);else{const e=`${this.mapConfig.assetsRoot}/${this.mapConfig.phaseLineLayer}`,s=(await(await fetch(e)).json()).features.map((i,n)=>({geometry:{type:"polyline",paths:[i.geometry.coordinates]},attributes:{ObjectID:n+1,id:i.properties.id,color:"hide"}}));this.phaseLineLayer=new p({source:s,geometryType:"polyline",objectIdField:"ObjectID",outFields:["*"],fields:[{name:"ObjectID",alias:"ObjectID",type:"oid"},{name:"color",alias:"color",type:"string"}],renderer:{type:"unique-value",field:"color",defaultSymbol:{type:"simple-line",color:"lightblue",width:"2px",style:"none"},uniqueValueInfos:[{value:"green",symbol:{type:"line-3d",symbolLayers:[{type:"path",profile:"quad",material:{color:[19,255,69,.8]},width:1,height:.5}]}},{value:"red",symbol:{type:"line-3d",symbolLayers:[{type:"path",profile:"quad",material:{color:[254,5,9,.8]},width:1,height:.5}]}},{value:"yellow",symbol:{type:"line-3d",symbolLayers:[{type:"path",profile:"quad",material:{color:[255,215,0,.8]},width:1,height:.5}]}}]}}),this.view.map.add(this.phaseLineLayer)}}async initializePlateBackground(){return new Promise((e,t)=>{const a=new Image;a.src=`${this.mapConfig.assetsRoot}/Images/timeboard/CountdownBG.png`,a.onload=()=>{this.plateBackground=a,e()},a.onerror=s=>{t(s)}})}async handleSignalData(e){const{crossId:t,lat:a,lon:s,rtStage:i,channelsConfig:n}=e;await this.updateCountdown(t,a,s,i),!(!this.phaseLineLayer||!n)&&((!this.currentPhaseMap.has(t)||this.currentPhaseMap.get(t)!==i.stagePhase)&&await this.updatePhaseLine(t,i.channelsConfig,n),this.currentPhaseMap.set(t,i.stagePhase))}clearSignal(){this.phaseLineLayer&&(this.phaseLineLayer.visible=!1),this.countdownWatchHandel&&(this.countdownWatchHandel.remove(),this.countdownWatchHandel=void 0),this.countdownCanvasMap.forEach(e=>{this.view.container.removeChild(e.backgroundCanvas),this.view.container.removeChild(e.countdownCanvas)}),this.countdownCanvasMap.clear()}async updateCountdown(e,t,a,s){if(this.isDeletingCanvas)return;const i=this.countdownCanvasMap.get(e);if(i)this.drawCountdownText(i.countdownCanvas,s);else try{const n=new u.Point({longitude:a,latitude:t,z:10}),o=this.view.toScreen(n),l=this.createCountdownCanvas();if(!l)return;const h=l[0],c=l[1];h.style.left=o.x+"px",h.style.top=o.y+"px",c.style.left=o.x+"px",c.style.top=o.y+"px",this.countdownCanvasMap.set(e,{backgroundCanvas:h,countdownCanvas:c,mapPoint:n}),this.drawCountdownText(c,s)}catch(n){console.log("倒计时canvas创建失败",e,n)}this.countdownWatchHandel||(this.countdownWatchHandel=f.watch(()=>this.view.extent,()=>{this.countdownCanvasMap.forEach(n=>{const o=this.view.toScreen(n.mapPoint);n.backgroundCanvas.style.left=o.x+"px",n.backgroundCanvas.style.top=o.y+"px",n.countdownCanvas.style.left=o.x+"px",n.countdownCanvas.style.top=o.y+"px"})}))}drawCountdownText(e,t){const a=e.getContext("2d");a.clearRect(0,0,e.width,e.height),a.font="24px Digital",a.textBaseline="middle",a.textAlign="center",a.fillStyle=t.stageRemainingTime<=t.stageAllRedTime?"red":t.stageRemainingTime<=t.stageAllRedTime+t.stageYellowTime?"yellow":"lime",a.fillText(t.stageRemainingTime.toFixed(0),e.width/2,e.height/2)}async updatePhaseLine(e,t,a){const s=this.phaseLineLayer.source.filter(i=>i.getAttribute("id").includes(e));s.forEach(i=>{const n=i.getAttribute("id");this.isLaneInChannels(n,t)?i.setAttribute("color","green"):this.isLaneInChannels(n,a)?i.setAttribute("color","red"):i.setAttribute("color","green")}),await this.phaseLineLayer.applyEdits({updateFeatures:s})}isLaneInChannels(e,t){const a=e.split("+"),s=a[1],i=a[2];for(let n=0;n<t.length;n++)for(let o=0;o<t[n].laneSnList.length;o++){const l=t[n].laneSnList[o].toFixed(0);if(s===l[0]&&i===l[1])return!0}return!1}createCountdownCanvas(){const e=document.createElement("canvas");e.width=this.canvasWidth,e.height=this.canvasHeight,e.style.position="absolute",e.style.transform="translate(-50%, -50%)";const t=e.getContext("2d");this.plateBackground?t.drawImage(this.plateBackground,0,0,this.canvasWidth,this.canvasHeight):(t.strokeStyle="rgba(0, 255, 0, 1)",t.lineWidth=1,t.strokeRect(0,0,this.canvasWidth,this.canvasHeight),t.fillStyle="rgba(0, 0, 0, 1)",t.fillRect(0,0,this.canvasWidth,this.canvasHeight)),this.view.container.appendChild(e);const a=document.createElement("canvas");return a.width=this.canvasWidth-10,a.height=this.canvasHeight-10,a.style.position="absolute",a.style.transform="translate(-50%, -50%)",this.view.container.appendChild(a),[e,a]}}exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("@arcgis/core/core/reactiveUtils"),u=require("@arcgis/core/geometry"),p=require("@arcgis/core/layers/FeatureLayer"),g=require("vue"),y=require("../../stores/index.js");function w(l){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const t in l)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(l,t);Object.defineProperty(e,t,a.get?a:{enumerable:!0,get:()=>l[t]})}}return e.default=l,Object.freeze(e)}const f=w(d);class m{constructor(e){this.currentPhaseMap=new Map,this.countdownCanvasMap=new Map,this.lastDataTime=0,this.isDeletingCanvas=!1,this.canvasWidth=80,this.canvasHeight=40,this.view=(e.type==="2d",e);const t=y.default.useAppDataStore;this.mapConfig=g.toRaw(t.mapConfig)}async initializeLayer(){try{await this.initializePlateBackground()}catch(e){console.log("倒计时背景图片加载失败",e)}if(this.mapConfig.phaseLineLayer)if(this.phaseLineLayer)this.phaseLineLayer.visible||(this.phaseLineLayer.visible=!0);else{const e=`${this.mapConfig.assetsRoot}/${this.mapConfig.phaseLineLayer}`,s=(await(await fetch(e)).json()).features.map((i,n)=>({geometry:{type:"polyline",paths:[i.geometry.coordinates]},attributes:{ObjectID:n+1,id:i.properties.id,color:"hide"}}));this.phaseLineLayer=new p({source:s,geometryType:"polyline",objectIdField:"ObjectID",outFields:["*"],fields:[{name:"ObjectID",alias:"ObjectID",type:"oid"},{name:"color",alias:"color",type:"string"}],renderer:{type:"unique-value",field:"color",defaultSymbol:{type:"simple-line",color:"lightblue",width:"2px",style:"none"},uniqueValueInfos:[{value:"green",symbol:{type:"line-3d",symbolLayers:[{type:"path",profile:"quad",material:{color:[19,255,69,.8]},width:1,height:.5}]}},{value:"red",symbol:{type:"line-3d",symbolLayers:[{type:"path",profile:"quad",material:{color:[254,5,9,.8]},width:1,height:.5}]}},{value:"yellow",symbol:{type:"line-3d",symbolLayers:[{type:"path",profile:"quad",material:{color:[255,215,0,.8]},width:1,height:.5}]}}]}}),this.view.map.add(this.phaseLineLayer)}}async initializePlateBackground(){return new Promise((e,t)=>{const a=new Image;a.src=`${this.mapConfig.assetsRoot}/Images/timeboard/CountdownBG.png`,a.onload=()=>{this.plateBackground=a,e()},a.onerror=s=>{t(s)}})}async handleHoloSignalData(e){const{crossId:t,lat:a,lon:s,rtStage:i,channelsConfig:n}=e;await this.updateCountdown(t,a,s,i),!(!this.phaseLineLayer||!n)&&((!this.currentPhaseMap.has(t)||this.currentPhaseMap.get(t)!==i.stagePhase)&&await this.updatePhaseLine(t,i.channelsConfig,n),this.currentPhaseMap.set(t,i.stagePhase))}clearSignal(){this.phaseLineLayer&&(this.phaseLineLayer.visible=!1),this.countdownWatchHandel&&(this.countdownWatchHandel.remove(),this.countdownWatchHandel=void 0),this.countdownCanvasMap.forEach(e=>{this.view.container.removeChild(e.backgroundCanvas),this.view.container.removeChild(e.countdownCanvas)}),this.countdownCanvasMap.clear()}async updateCountdown(e,t,a,s){if(this.isDeletingCanvas)return;const i=this.countdownCanvasMap.get(e);if(i)this.drawCountdownText(i.countdownCanvas,s);else try{const n=new u.Point({longitude:a,latitude:t,z:10}),o=this.view.toScreen(n),r=this.createCountdownCanvas();if(!r)return;const h=r[0],c=r[1];h.style.left=o.x+"px",h.style.top=o.y+"px",c.style.left=o.x+"px",c.style.top=o.y+"px",this.countdownCanvasMap.set(e,{backgroundCanvas:h,countdownCanvas:c,mapPoint:n}),this.drawCountdownText(c,s)}catch(n){console.log("倒计时canvas创建失败",e,n)}this.countdownWatchHandel||(this.countdownWatchHandel=f.watch(()=>this.view.extent,()=>{this.countdownCanvasMap.forEach(n=>{const o=this.view.toScreen(n.mapPoint);n.backgroundCanvas.style.left=o.x+"px",n.backgroundCanvas.style.top=o.y+"px",n.countdownCanvas.style.left=o.x+"px",n.countdownCanvas.style.top=o.y+"px"})}))}drawCountdownText(e,t){const a=e.getContext("2d");a.clearRect(0,0,e.width,e.height),a.font="24px Digital",a.textBaseline="middle",a.textAlign="center",a.fillStyle=t.stageRemainingTime<=t.stageAllRedTime?"red":t.stageRemainingTime<=t.stageAllRedTime+t.stageYellowTime?"yellow":"lime",a.fillText(t.stageRemainingTime.toFixed(0),e.width/2,e.height/2)}async updatePhaseLine(e,t,a){const s=this.phaseLineLayer.source.filter(i=>i.getAttribute("id").includes(e));s.forEach(i=>{const n=i.getAttribute("id");this.isLaneInChannels(n,t)?i.setAttribute("color","green"):this.isLaneInChannels(n,a)?i.setAttribute("color","red"):i.setAttribute("color","green")}),await this.phaseLineLayer.applyEdits({updateFeatures:s})}isLaneInChannels(e,t){const a=e.split("+"),s=a[1],i=a[2];for(let n=0;n<t.length;n++)for(let o=0;o<t[n].laneSnList.length;o++){const r=t[n].laneSnList[o].toFixed(0);if(s===r[0]&&i===r[1])return!0}return!1}createCountdownCanvas(){const e=document.createElement("canvas");e.width=this.canvasWidth,e.height=this.canvasHeight,e.style.position="absolute",e.style.transform="translate(-50%, -50%)";const t=e.getContext("2d");this.plateBackground?t.drawImage(this.plateBackground,0,0,this.canvasWidth,this.canvasHeight):(t.strokeStyle="rgba(0, 255, 0, 1)",t.lineWidth=1,t.strokeRect(0,0,this.canvasWidth,this.canvasHeight),t.fillStyle="rgba(0, 0, 0, 1)",t.fillRect(0,0,this.canvasWidth,this.canvasHeight)),this.view.container.appendChild(e);const a=document.createElement("canvas");return a.width=this.canvasWidth-10,a.height=this.canvasHeight-10,a.style.position="absolute",a.style.transform="translate(-50%, -50%)",this.view.container.appendChild(a),[e,a]}}exports.default=m;

package/lib/src/gis-map/utils/map-initializer.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k=require("@arcgis/core/Basemap"),d=require("@arcgis/core/config"),L=require("@arcgis/core/core/reactiveUtils"),g=require("@arcgis/core/geometry"),z=require("@arcgis/core/geometry/support/webMercatorUtils"),W=require("@arcgis/core/layers/FeatureLayer"),O=require("@arcgis/core/layers/GeoJSONLayer"),x=require("@arcgis/core/layers/MapImageLayer"),I=require("@arcgis/core/layers/TileLayer"),S=require("@arcgis/core/layers/WebTileLayer"),R=require("@arcgis/core/Map"),H=require("@arcgis/core/views/MapView"),_=require("@arcgis/core/views/SceneView"),G=require("@turf/destination"),j=require("@turf/helpers"),B=require("./custom-layer/custom-wmts-layer.js");function b(c){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const t in c)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(c,t);Object.defineProperty(e,t,s.get?s:{enumerable:!0,get:()=>c[t]})}}return e.default=c,Object.freeze(e)}const T=b(L),f=b(z),N=b(j);function q(c,e){return c&&(c.startsWith("http://")||c.startsWith("https://")?c:e+c)}class U{constructor(){this.mapConfig={},this.watchHandleMap=new Map,this.handleIndex=0,this.zoomWatchHandle=null}async initialize(e){var u,y,v,M;this.mapConfig=e.mapConfig;const{container:t,markerClickCallback:s,mapClickCallback:n}=e;d.assetsPath=`${this.mapConfig.assetsRoot}/ArcgisAssets`,d.fontsUrl=`${this.mapConfig.assetsRoot}/fonts`,d.apiKey="AAPKf5a3e1044d7a4faeb3b1ec7060f5c68equIrP2KbRyL-t_b40Kk4GTWUQ1BFCyttvyQPQnWpFmBd7kp9gkrVihjfmcKBwxjW";const a=new R;if(((u=this.mapConfig)==null?void 0:u.mapOptions.mode.toLowerCase())==="2d"?(this.view=new H({map:a,container:t,...this.mapConfig.mapOptions}),this.view.on("drag",i=>{i.button===2&&i.stopPropagation()})):this.view=new _({map:a,container:t,environment:{atmosphereEnabled:!0,lighting:{type:"virtual"}},...(y=this.mapConfig)==null?void 0:y.mapOptions}),this.view.popup.visibleElements={closeButton:!0,collapseButton:!1,actionBar:!1,featureNavigation:!0},this.view.popup.dockOptions={buttonEnabled:!1,breakpoint:!1},this.view.on("click",async i=>{var C,P;if(n){let o=i.mapPoint;o.spatialReference.isWebMercator&&(o=f.webMercatorToGeographic(o)),n([o.x,o.y],[i.screenPoint.x,i.screenPoint.y],i)}if(this.view.type==="3d"){const o=this.view.camera;if(this.view.spatialReference.isWebMercator){const p=f.webMercatorToGeographic(o.position),w={heading:o.heading,tilt:o.tilt,position:p.toJSON()};console.log(w),(C=navigator.clipboard)==null||C.writeText(JSON.stringify(w))}else console.log(o.toJSON());console.log(this.view.zoom,this.view.scale)}else{let o=this.view.center;this.view.spatialReference.isWebMercator&&(o=f.webMercatorToGeographic(o)),console.log({center:o.toJSON(),zoom:this.view.zoom,scale:this.view.scale})}const r=(P=(await this.view.hitTest(i)).results)==null?void 0:P.filter(o=>o.type==="graphic");r.length>0&&r.forEach(o=>{var w;const p=o.graphic;(w=p.attributes)!=null&&w.type&&s&&s(p.attributes.type,p.attributes.id,p.attributes,i)})}),(v=this.mapConfig)!=null&&v.baseLayers?this.mapConfig.baseLayers.forEach(i=>{const l=q(i.url,this.mapConfig.assetsRoot);switch(i.type.toLowerCase()){case"webTile".toLowerCase():{const r=new S({urlTemplate:l,...i.options});a.add(r);break}case"tile":{const r=new I({url:l,...i.options});a.add(r);break}case"customWMTS".toLowerCase():{const r=new B.default({urlTemplate:l,...i.options});a.add(r);break}case"mapImage".toLowerCase():{const r=new x({url:l,...i.options});a.add(r);break}case"arcgis":{const r=new k(i.options);a.basemap=r;break}case"feature":{const r=new W({url:l,...i.options});a.add(r);break}}}):a.basemap=new k({style:{id:"arcgis/light-gray",language:"zh-CN"}}),(M=this.mapConfig)!=null&&M.hdLayers){const i=this.mapConfig.hdLayers.map(l=>new O({url:q(l.url,this.mapConfig.assetsRoot),...l.options,title:l.options.id}));a.addMany(i)}this.view.ui.remove("attribution"),await this.view.when();const m=this.mapConfig.camera;let h;if(this.view.type==="2d"){let i=this.view.center;this.view.spatialReference.isWebMercator&&(i=f.webMercatorToGeographic(i)),h={center:[i.x,i.y],zoom:this.view.zoom}}else{let i=this.view.camera.position;this.view.spatialReference.isWebMercator&&(i=f.webMercatorToGeographic(i)),h={position:i,heading:this.view.camera.heading,tilt:this.view.camera.tilt}}return m?m.home=h:this.mapConfig.camera={home:h},this.view}setLayerVisibility(e){const{id:t,visible:s}=e,n=this.view.map.findLayerById(t);return n?(n.visible=s,{status:0,message:"ok"}):{status:-1,message:"未找到图层"}}async setMapCenter(e){var t;if(!this.view)return{status:-1,message:"未初始化"};if(e.center||e.target){switch((t=e.target)==null?void 0:t.type){case"point":e.target=new g.Point(e.target);break;case"polyline":e.target=new g.Polyline(e.target);break;case"polygon":e.target=new g.Polygon(e.target);break}await this.view.goTo(e,{duration:(e.duration||0)*1e3})}return{status:0,message:"成功"}}async lookAt(e){if(this.view.type==="2d")return;const t=e.tilt||0,s=e.heading||0;if(t===0)await this.view.goTo({position:{x:e.center[0],y:e.center[1],z:e.height},heading:s,tilt:0},{duration:(e.duration||2)*1e3});else{const n=Math.tan(t*Math.PI/180)*e.height,a=G(N.point(e.center),n,s+180,{units:"meters"});await this.view.goTo({position:{x:a.geometry.coordinates[0],y:a.geometry.coordinates[1],z:e.height},heading:s,tilt:t},{duration:(e.duration||2)*1e3})}}async setMapCamera(e){if(!this.view)return{status:-1,message:"未初始化"};const{name:t,duration:s=0}=e,{camera:n}=this.mapConfig;if(!n)return{status:-1,message:"未配置camera"};const a=n[t];return a?(await this.view.goTo(a,{duration:s*1e3}),{status:0,message:"成功"}):{status:-1,message:"未配置camera"}}requestCoordinateTransform(e,t){let s=0;const a=1e3/30,m=T.watch(()=>this.view.center,()=>{const h=this.transformPoints(e),u=Date.now();u-s>a&&(t(h),s=u)});return this.handleIndex++,this.watchHandleMap.set(this.handleIndex,m),{handle:this.handleIndex,points:this.transformPoints(e)}}transformPoints(e){return e.map(t=>{const s=new g.Point({x:t[0],y:t[1]}),n=this.view.toScreen(s);return[n.x,n.y]})}cancelCoordinateTransform(e){const t=this.watchHandleMap.get(e);t&&(t.remove(),this.watchHandleMap.delete(e))}setMapZoomRange(e){const{min:t,max:s}=e;!t&&!s||(this.zoomWatchHandle&&this.zoomWatchHandle.remove(),this.zoomWatchHandle=T.watch(()=>this.view.zoom,n=>{t&&n<=t&&(this.view.zoom=t),s&&n>=s&&(this.view.zoom=s)}))}}exports.default=U;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const C=require("@arcgis/core/Basemap"),g=require("@arcgis/core/config"),L=require("@arcgis/core/core/reactiveUtils"),d=require("@arcgis/core/geometry"),z=require("@arcgis/core/geometry/support/webMercatorUtils"),W=require("@arcgis/core/layers/FeatureLayer"),O=require("@arcgis/core/layers/GeoJSONLayer"),x=require("@arcgis/core/layers/IntegratedMesh3DTilesLayer"),I=require("@arcgis/core/layers/MapImageLayer"),S=require("@arcgis/core/layers/TileLayer"),R=require("@arcgis/core/layers/WebTileLayer"),H=require("@arcgis/core/Map"),_=require("@arcgis/core/views/MapView"),G=require("@arcgis/core/views/SceneView"),j=require("@turf/destination"),B=require("@turf/helpers"),N=require("./custom-layer/custom-wmts-layer.js");function b(c){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const t in c)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(c,t);Object.defineProperty(e,t,s.get?s:{enumerable:!0,get:()=>c[t]})}}return e.default=c,Object.freeze(e)}const T=b(L),m=b(z),U=b(B);function q(c,e){return c&&(c.startsWith("http://")||c.startsWith("https://")?c:e+c)}class E{constructor(){this.mapConfig={},this.watchHandleMap=new Map,this.handleIndex=0,this.zoomWatchHandle=null}async initialize(e){var u,y,v,M;this.mapConfig=e.mapConfig;const{container:t,markerClickCallback:s,mapClickCallback:n}=e;g.assetsPath=`${this.mapConfig.assetsRoot}/ArcgisAssets`,g.fontsUrl=`${this.mapConfig.assetsRoot}/fonts`,g.apiKey="AAPKf5a3e1044d7a4faeb3b1ec7060f5c68equIrP2KbRyL-t_b40Kk4GTWUQ1BFCyttvyQPQnWpFmBd7kp9gkrVihjfmcKBwxjW";const a=new H;if(((u=this.mapConfig)==null?void 0:u.mapOptions.mode.toLowerCase())==="2d"?(this.view=new _({map:a,container:t,...this.mapConfig.mapOptions}),this.view.on("drag",i=>{i.button===2&&i.stopPropagation()})):this.view=new G({map:a,container:t,environment:{atmosphereEnabled:!0,lighting:{type:"virtual"}},...(y=this.mapConfig)==null?void 0:y.mapOptions}),this.view.popup.visibleElements={closeButton:!0,collapseButton:!1,actionBar:!1,featureNavigation:!0},this.view.popup.dockOptions={buttonEnabled:!1,breakpoint:!1},this.view.on("click",async i=>{var k,P;if(n){let o=i.mapPoint;o.spatialReference.isWebMercator&&(o=m.webMercatorToGeographic(o)),n([o.x,o.y],[i.screenPoint.x,i.screenPoint.y],i)}if(this.view.type==="3d"){const o=this.view.camera;if(this.view.spatialReference.isWebMercator){const p=m.webMercatorToGeographic(o.position),w={heading:o.heading,tilt:o.tilt,position:p.toJSON()};console.log(w),(k=navigator.clipboard)==null||k.writeText(JSON.stringify(w))}else console.log(o.toJSON());console.log(this.view.zoom,this.view.scale)}else{let o=this.view.center;this.view.spatialReference.isWebMercator&&(o=m.webMercatorToGeographic(o)),console.log({center:o.toJSON(),zoom:this.view.zoom,scale:this.view.scale})}const r=(P=(await this.view.hitTest(i)).results)==null?void 0:P.filter(o=>o.type==="graphic");r.length>0&&r.forEach(o=>{var w;const p=o.graphic;(w=p.attributes)!=null&&w.type&&s&&s(p.attributes.type,p.attributes.id,p.attributes,i)})}),(v=this.mapConfig)!=null&&v.baseLayers?this.mapConfig.baseLayers.forEach(i=>{const l=q(i.url,this.mapConfig.assetsRoot);switch(i.type.toLowerCase()){case"webTile".toLowerCase():{const r=new R({urlTemplate:l,...i.options});a.add(r);break}case"tile":{const r=new S({url:l,...i.options});a.add(r);break}case"customWMTS".toLowerCase():{const r=new N.default({urlTemplate:l,...i.options});a.add(r);break}case"mapImage".toLowerCase():{const r=new I({url:l,...i.options});a.add(r);break}case"arcgis":{const r=new C(i.options);a.basemap=r;break}case"feature":{const r=new W({url:l,...i.options});a.add(r);break}case"3dtiles":{const r=new x({url:l,...i.options});a.add(r);break}}}):a.basemap=new C({style:{id:"arcgis/light-gray",language:"zh-CN"}}),(M=this.mapConfig)!=null&&M.hdLayers){const i=this.mapConfig.hdLayers.map(l=>new O({url:q(l.url,this.mapConfig.assetsRoot),...l.options,title:l.options.id}));a.addMany(i)}this.view.ui.remove("attribution"),await this.view.when();const f=this.mapConfig.camera;let h;if(this.view.type==="2d"){let i=this.view.center;this.view.spatialReference.isWebMercator&&(i=m.webMercatorToGeographic(i)),h={center:[i.x,i.y],zoom:this.view.zoom}}else{let i=this.view.camera.position;this.view.spatialReference.isWebMercator&&(i=m.webMercatorToGeographic(i)),h={position:i,heading:this.view.camera.heading,tilt:this.view.camera.tilt}}return f?f.home=h:this.mapConfig.camera={home:h},this.view}setLayerVisibility(e){const{id:t,visible:s}=e,n=this.view.map.findLayerById(t);return n?(n.visible=s,{status:0,message:"ok"}):{status:-1,message:"未找到图层"}}async setMapCenter(e){var t;if(!this.view)return{status:-1,message:"未初始化"};if(e.center||e.target){switch((t=e.target)==null?void 0:t.type){case"point":e.target=new d.Point(e.target);break;case"polyline":e.target=new d.Polyline(e.target);break;case"polygon":e.target=new d.Polygon(e.target);break}await this.view.goTo(e,{duration:(e.duration||0)*1e3})}return{status:0,message:"成功"}}async lookAt(e){if(this.view.type==="2d")return;const t=e.tilt||0,s=e.heading||0;if(t===0)await this.view.goTo({position:{x:e.center[0],y:e.center[1],z:e.height},heading:s,tilt:0},{duration:(e.duration||2)*1e3});else{const n=Math.tan(t*Math.PI/180)*e.height,a=j(U.point(e.center),n,s+180,{units:"meters"});await this.view.goTo({position:{x:a.geometry.coordinates[0],y:a.geometry.coordinates[1],z:e.height},heading:s,tilt:t},{duration:(e.duration||2)*1e3})}}async setMapCamera(e){if(!this.view)return{status:-1,message:"未初始化"};const{name:t,duration:s=0}=e,{camera:n}=this.mapConfig;if(!n)return{status:-1,message:"未配置camera"};const a=n[t];return a?(await this.view.goTo(a,{duration:s*1e3}),{status:0,message:"成功"}):{status:-1,message:"未配置camera"}}requestCoordinateTransform(e,t){let s=0;const a=1e3/30,f=T.watch(()=>this.view.center,()=>{const h=this.transformPoints(e),u=Date.now();u-s>a&&(t(h),s=u)});return this.handleIndex++,this.watchHandleMap.set(this.handleIndex,f),{handle:this.handleIndex,points:this.transformPoints(e)}}transformPoints(e){return e.map(t=>{const s=new d.Point({x:t[0],y:t[1]}),n=this.view.toScreen(s);return[n.x,n.y]})}cancelCoordinateTransform(e){const t=this.watchHandleMap.get(e);t&&(t.remove(),this.watchHandleMap.delete(e))}setMapZoomRange(e){const{min:t,max:s}=e;!t&&!s||(this.zoomWatchHandle&&this.zoomWatchHandle.remove(),this.zoomWatchHandle=T.watch(()=>this.view.zoom,n=>{t&&n<=t&&(this.view.zoom=t),s&&n>=s&&(this.view.zoom=s)}))}}exports.default=E;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gisviewer-vue3-arcgis",
-  "version": "1.0.221",
+  "version": "1.0.222",
   "main": "lib/index.js",
   "module": "es/index.mjs",
   "files": [