gisviewer-vue3-arcgis 1.0.105 → 1.0.106

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

@@ -54,6 +54,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     handleHoloSignalData: (signalData: any) => Promise<void>;
     clearHoloSignal: () => void;
     toggleTrafficInfo: (params: IToggleTrafficInfoParams) => void;
+    togglePause: (pause: boolean) => void;
     toggleTrafficObject: (params: IToggleTrafficInfoParams) => void;
     toggleVehicleInfo: (contentType: string) => void;
     addOverlays: (params: IOverlayParam) => Promise<import("../types").IResult>;

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

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

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

@@ -44,6 +44,7 @@ export declare const GisMap: import("@easyest/utils/dist/lib/withinstall").SFCWi
     handleHoloSignalData: (signalData: any) => Promise<void>;
     clearHoloSignal: () => void;
     toggleTrafficInfo: (params: import("../types").IToggleTrafficInfoParams) => void;
+    togglePause: (pause: boolean) => void;
     toggleTrafficObject: (params: import("../types").IToggleTrafficInfoParams) => void;
     toggleVehicleInfo: (contentType: string) => void;
     addOverlays: (params: import("../types").IOverlayParam) => Promise<import("../types").IResult>;

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

@@ -12,6 +12,7 @@ export default class Index {
     toggleTrafficObject(params: IToggleTrafficInfoParams): void;
     clearHoloTrace(): void;
     toggleTrafficInfo(params: IToggleTrafficInfoParams): void;
+    togglePause(pause: boolean): void;
     updatePanelContent(contentType: string): void;
     handleSignalData(data: any): Promise<void>;
     clearHoloSignal(): void;

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

@@ -33,6 +33,10 @@ class h {
     var o;
     (o = this.traceHoloFlow) == null || o.toggleTrafficInfo(e);
   }
+  togglePause(e) {
+    var o;
+    (o = this.traceHoloFlow) == null || o.togglePause(e);
+  }
   updatePanelContent(e) {
     var l;
     let o = a.None;

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

@@ -8,7 +8,7 @@ export default class TraceHoloFlow {
     /**
      * 处理全息流轨迹数据
      * */
-    handleVehicleTraceData(data: any): void;
+    handleVehicleTraceData(data: any): Promise<void>;
     /**
      * 切换交通信息可见性
      * @param params
@@ -18,6 +18,10 @@ export default class TraceHoloFlow {
      * 清除轨迹流
      * */
     clearTrace(): void;
+    /**
+     * 切换暂停
+     * */
+    togglePause(pause: boolean): void;
     updatePanelContent(contentType: EVehiclePlateState): void;
     toggleGroundVehicle(visible: boolean): void;
     toggleElevatedVehicle(visible: boolean): void;

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

@@ -1,12 +1,12 @@
-import * as f from "@arcgis/core/views/3d/externalRenderers";
-import g from "../../stores/index.mjs";
-import u from "./trace-renderer-external.mjs";
+import * as g from "@arcgis/core/views/3d/externalRenderers";
+import u from "../../stores/index.mjs";
+import f from "./trace-renderer-external.mjs";
 import T from "./trace-renderer-layer.mjs";
 class N {
   constructor(e) {
     this.lastDataTime = 0, this.view = e;
-    const o = g.useAppDataStore;
-    this.mapConfig = JSON.parse(JSON.stringify(o.mapConfig)), e.type === "3d" ? (this.traceRenderer = new u(e), f.add(
+    const o = u.useAppDataStore;
+    this.mapConfig = JSON.parse(JSON.stringify(o.mapConfig)), e.type === "3d" ? (this.traceRenderer = new f(e), g.add(
       e,
       this.traceRenderer
     )) : this.traceRenderer = new T(e);
@@ -14,22 +14,22 @@ class N {
   /**
    * 处理全息流轨迹数据
    * */
-  handleVehicleTraceData(e) {
-    const o = new Date().getTime(), { newVehList: s, updateVehList: l, deleteVehList: c, jgsj: i } = e, n = e.crossId || "", a = [], h = [];
+  async handleVehicleTraceData(e) {
+    const o = new Date().getTime(), { newVehList: s, updateVehList: a, deleteVehList: c, jgsj: i } = e, n = e.crossId || "", l = [], h = [];
     if (s && s.length > 0) {
       for (const t of s) {
         t.localTimestamp || (t.localTimestamp = i || o);
         const r = this.buildVehicleTrackData(t, n);
-        r && a.push(r);
+        r && l.push(r);
       }
-      this.traceRenderer.addVehicles(a);
+      await this.traceRenderer.addVehicles(l);
     }
-    if (l && l.length > 0) {
-      for (const t of l) {
+    if (a && a.length > 0) {
+      for (const t of a) {
         const r = this.buildVehicleTrackData(t, n);
         r && h.push(r);
       }
-      this.traceRenderer.updateVehicles(h);
+      await this.traceRenderer.updateVehicles(h);
     }
     if (c && c.length > 0) {
       const t = c.map(
@@ -51,6 +51,12 @@ class N {
   clearTrace() {
     this.traceRenderer.clearVehicles();
   }
+  /**
+   * 切换暂停
+   * */
+  togglePause(e) {
+    this.traceRenderer.togglePause(e);
+  }
   updatePanelContent(e) {
     this.traceRenderer.updatePanelContent(e);
   }
@@ -64,16 +70,16 @@ class N {
     this.traceRenderer.setInterpolate(e);
   }
   buildVehicleTrackData(e, o) {
-    const s = e.longitude, l = e.latitude, c = e.ptcId, i = Number(e.ptcType), n = e.heading, a = Number(e.vehicleType), h = Number(e.vehicleColor), t = e.plateNo || e.plateno, r = Number(e.plateColor), p = e.timestamp, d = e.localTimestamp, m = e.roadLayer ? String(e.roadLayer) : "1";
+    const s = e.longitude, a = e.latitude, c = e.ptcId, i = Number(e.ptcType), n = e.heading, l = Number(e.vehicleType), h = Number(e.vehicleColor), t = e.plateNo || e.plateno, r = Number(e.plateColor), p = e.timestamp, d = e.localTimestamp, m = e.roadLayer ? String(e.roadLayer) : "1";
     if (!(i < 0 || i > 8))
       return {
         ptcId: c,
         crossId: o,
         vehicleId: o + "-" + c,
         x: s,
-        y: l,
+        y: a,
         ptcType: i,
-        vehicleType: a,
+        vehicleType: l,
         heading: i === 2 ? -n : n,
         vehicleColor: h,
         showName: t && t !== "" && t !== "0" && t !== "000000" ? t : "",

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

@@ -7,6 +7,7 @@ export default class TraceRendererExternal implements ITraceRendererInterface {
     private sun;
     /** 车辆模型变化的阈值 */
     private readonly zoomThreshold;
+    /** 车辆材质参数 */
     private readonly roughness;
     private readonly metalness;
     /** 默认车身材质 */
@@ -28,6 +29,7 @@ export default class TraceRendererExternal implements ITraceRendererInterface {
     private bicycleModelReady;
     private showGroundVehicle;
     private showElevatedVehicle;
+    private isPaused;
     private currentSpriteContent;
     private historyPositionMap;
     private vehicleObjectMap;
@@ -53,6 +55,7 @@ export default class TraceRendererExternal implements ITraceRendererInterface {
     deleteVehicles(idList: string[]): void;
     private deleteVehicle;
     toggleTrafficInfo(params: IToggleTrafficInfoParams): Promise<void>;
+    togglePause(pause: boolean): void;
     /**
      * 清除全部车辆
      * */