gisviewer-vue3-arcgis 1.0.100 → 1.0.102

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

@@ -50,6 +50,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     disconnectCarFlow: () => void;
     handleHoloVehicleTraceData: (vehicleTrace: any) => void;
     clearHoloTrace: () => void;
+    setInterpolate: (enable: boolean) => void;
     handleHoloSignalData: (signalData: any) => Promise<void>;
     clearHoloSignal: () => void;
     toggleTrafficInfo: (params: IToggleTrafficInfoParams) => void;

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

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

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

@@ -40,6 +40,7 @@ export declare const GisMap: import("@easyest/utils/dist/lib/withinstall").SFCWi
     disconnectCarFlow: () => void;
     handleHoloVehicleTraceData: (vehicleTrace: any) => void;
     clearHoloTrace: () => void;
+    setInterpolate: (enable: boolean) => void;
     handleHoloSignalData: (signalData: any) => Promise<void>;
     clearHoloSignal: () => void;
     toggleTrafficInfo: (params: import("../types").IToggleTrafficInfoParams) => void;

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

@@ -11,7 +11,9 @@ export default class Index {
     handleVehicleTraceData(data: any): void;
     toggleTrafficObject(params: IToggleTrafficInfoParams): void;
     clearHoloTrace(): void;
+    toggleTrafficInfo(params: IToggleTrafficInfoParams): void;
     updatePanelContent(contentType: string): void;
     handleSignalData(data: any): Promise<void>;
     clearHoloSignal(): void;
+    setInterpolate(enable: boolean): void;
 }

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

@@ -12,13 +12,13 @@ class h {
     this.traceHoloFlow || (this.traceHoloFlow = new i(this.view)), this.traceHoloFlow.handleVehicleTraceData(e);
   }
   toggleTrafficObject(e) {
-    var l, o;
+    var o, l;
     switch (e.name.toLowerCase()) {
       case "groundVehicle".toLowerCase():
-        (l = this.traceHoloFlow) == null || l.toggleGroundVehicle(e.visible);
+        (o = this.traceHoloFlow) == null || o.toggleGroundVehicle(e.visible);
         break;
       case "elevatedVehicle".toLowerCase():
-        (o = this.traceHoloFlow) == null || o.toggleElevatedVehicle(e.visible);
+        (l = this.traceHoloFlow) == null || l.toggleElevatedVehicle(e.visible);
         break;
     }
   }
@@ -29,24 +29,28 @@ class h {
   // public toggleVehiclePlate(visible: boolean): void {
   //   this.traceHoloFlow?.togglePlateLayer(visible);
   // }
-  updatePanelContent(e) {
+  toggleTrafficInfo(e) {
     var o;
-    let l = a.None;
+    (o = this.traceHoloFlow) == null || o.toggleTrafficInfo(e);
+  }
+  updatePanelContent(e) {
+    var l;
+    let o = a.None;
     switch (e) {
       case "none":
-        l = a.None;
+        o = a.None;
         break;
       case "plateNumber":
-        l = a.PlateNumber;
+        o = a.PlateNumber;
         break;
       case "vehicleId":
-        l = a.Id;
+        o = a.Id;
         break;
       case "mix":
-        l = a.Mix;
+        o = a.Mix;
         break;
     }
-    (o = this.traceHoloFlow) == null || o.updatePanelContent(l);
+    (l = this.traceHoloFlow) == null || l.updatePanelContent(o);
   }
   async handleSignalData(e) {
     this.signalHoloFlow || (this.signalHoloFlow = new t(this.view)), await this.signalHoloFlow.initializeLayer(), await this.signalHoloFlow.handleSignalData(e);
@@ -55,6 +59,10 @@ class h {
     var e;
     (e = this.signalHoloFlow) == null || e.clearSignal();
   }
+  setInterpolate(e) {
+    var o;
+    (o = this.traceHoloFlow) == null || o.setInterpolate(e);
+  }
 }
 export {
   h as default

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

@@ -1,4 +1,4 @@
-import { EVehiclePlateState } from '../../../types';
+import { EVehiclePlateState, IToggleTrafficInfoParams } from '../../../types';
 export default class TraceHoloFlow {
     private mapConfig;
     private view;
@@ -9,6 +9,11 @@ export default class TraceHoloFlow {
      * 处理全息流轨迹数据
      * */
     handleVehicleTraceData(data: any): void;
+    /**
+     * 切换交通信息可见性
+     * @param params
+     */
+    toggleTrafficInfo(params: IToggleTrafficInfoParams): void;
     /**
      * 清除轨迹流
      * */
@@ -16,5 +21,6 @@ export default class TraceHoloFlow {
     updatePanelContent(contentType: EVehiclePlateState): void;
     toggleGroundVehicle(visible: boolean): void;
     toggleElevatedVehicle(visible: boolean): void;
+    setInterpolate(enable: boolean): void;
     private buildVehicleTrackData;
 }

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

@@ -1,12 +1,12 @@
-import * as u from "@arcgis/core/views/3d/externalRenderers";
-import T from "../../stores/index.mjs";
-import f from "./trace-external-renderer.mjs";
-import g from "./trace-layer-renderer.mjs";
-class N {
+import * as m from "@arcgis/core/views/3d/externalRenderers";
+import f from "../../stores/index.mjs";
+import g from "./trace-renderer-layer.mjs";
+import u from "./trace-renderer-webgl.mjs";
+class y {
   constructor(e) {
     this.lastDataTime = 0, this.view = e;
-    const i = T.useAppDataStore;
-    this.mapConfig = JSON.parse(JSON.stringify(i.mapConfig)), e.type === "3d" ? (this.traceRenderer = new f(e), u.add(
+    const o = f.useAppDataStore;
+    this.mapConfig = JSON.parse(JSON.stringify(o.mapConfig)), e.type === "3d" ? (this.traceRenderer = new u(e), m.add(
       e,
       this.traceRenderer
     )) : this.traceRenderer = new g(e);
@@ -15,33 +15,36 @@ class N {
    * 处理全息流轨迹数据
    * */
   handleVehicleTraceData(e) {
-    const i = new Date().getTime();
-    if (i - this.lastDataTime < 100)
-      return;
-    this.lastDataTime = i;
-    const { newVehList: s, updateVehList: n, deleteVehList: o, jgsj: l } = e, a = e.crossId || "", h = [], r = [];
+    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 c of s) {
-        c.localTimestamp || (c.localTimestamp = l || i);
-        const t = this.buildVehicleTrackData(c, a);
-        t && h.push(t);
+      for (const t of s) {
+        t.localTimestamp || (t.localTimestamp = i || o);
+        const r = this.buildVehicleTrackData(t, n);
+        r && l.push(r);
       }
-      this.traceRenderer.addVehicles(h);
+      this.traceRenderer.addVehicles(l);
     }
-    if (n && n.length > 0) {
-      for (const c of n) {
-        const t = this.buildVehicleTrackData(c, a);
-        t && r.push(t);
+    if (a && a.length > 0) {
+      for (const t of a) {
+        const r = this.buildVehicleTrackData(t, n);
+        r && h.push(r);
       }
-      this.traceRenderer.updateVehicles(r);
+      this.traceRenderer.updateVehicles(h);
     }
-    if (o && o.length > 0) {
-      const c = o.map(
-        (t) => a + "-" + (t.ptcId || t.vehno || t.vehNo)
+    if (c && c.length > 0) {
+      const t = c.map(
+        (r) => n + "-" + (r.ptcId || r.vehno || r.vehNo)
       );
-      this.traceRenderer.deleteVehicles(c);
+      this.traceRenderer.deleteVehicles(t);
     }
   }
+  /**
+   * 切换交通信息可见性
+   * @param params
+   */
+  toggleTrafficInfo(e) {
+    this.traceRenderer.toggleTrafficInfo(e);
+  }
   /**
    * 清除轨迹流
    * */
@@ -57,27 +60,31 @@ class N {
   toggleElevatedVehicle(e) {
     this.traceRenderer.toggleElevatedVehicle(e);
   }
-  buildVehicleTrackData(e, i) {
-    const p = e.longitude, s = e.latitude, n = e.ptcId, o = Number(e.ptcType), l = e.heading, a = Number(e.vehicleType), h = Number(e.vehicleColor), r = e.plateNo || e.plateno, c = Number(e.plateColor), t = e.timestamp, d = e.localTimestamp, m = String(e.roadLayer) || "1";
-    if (!(o < 0 || o > 8))
+  setInterpolate(e) {
+    this.traceRenderer.setInterpolate(e);
+  }
+  buildVehicleTrackData(e, o) {
+    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 = String(e.roadLayer) || "1";
+    if (!(i < 0 || i > 8))
       return {
-        ptcId: n,
-        crossId: i,
-        x: p,
-        y: s,
-        ptcType: o,
-        vehicleType: a,
-        heading: o === 2 ? -l : l,
+        ptcId: c,
+        crossId: o,
+        vehicleId: o + "-" + c,
+        x: s,
+        y: a,
+        ptcType: i,
+        vehicleType: l,
+        heading: i === 2 ? -n : n,
         vehicleColor: h,
-        showName: r && r !== "" && r !== "0" && r !== "000000" ? r : "",
-        plateNo: r,
-        plateColor: c,
-        timestamp: t,
-        localTimestamp: d,
-        roadLayer: m
+        showName: t && t !== "" && t !== "0" && t !== "000000" ? t : "",
+        plateNo: t,
+        plateColor: r,
+        timestamp: p,
+        localTimestamp: Date.now(),
+        roadLayer: d
       };
   }
 }
 export {
-  N as default
+  y as default
 };

package/es/src/gis-map/utils/holo-flow/{trace-layer-renderer.d.ts → trace-renderer-layer.d.ts}

@@ -1,9 +1,10 @@
 import { EVehiclePlateState, ITraceRendererInterface, IVehicleTrack } from '../../../types';
-export default class TraceLayerRenderer implements ITraceRendererInterface {
+export default class TraceRendererLayer implements ITraceRendererInterface {
     private view;
     private readonly vehicleLayer;
     private mapConfig;
     constructor(view: __esri.MapView);
+    private needInterpolate;
     private showVehiclePlate;
     private showGroundVehicle;
     private showElevatedVehicle;
@@ -13,7 +14,6 @@ export default class TraceLayerRenderer implements ITraceRendererInterface {
     updateVehicles(objects: IVehicleTrack[]): void;
     deleteVehicles(idList: string[]): void;
     clearVehicles(): void;
-    updatePanelContent(contentType: EVehiclePlateState): void;
     /**
      * 设置地面车辆显示隐藏
      * @param visible
@@ -24,6 +24,12 @@ export default class TraceLayerRenderer implements ITraceRendererInterface {
      * @param visible
      */
     toggleElevatedVehicle(visible: boolean): void;
+    toggleTrafficInfo(params: {
+        name: string;
+        visible: boolean;
+    }): void;
+    updatePanelContent(contentType: EVehiclePlateState): void;
+    setInterpolate(needInterpolate: boolean): void;
     private render;
     private updatePosition;
     /**

package/es/src/gis-map/utils/holo-flow/{trace-layer-renderer.mjs → trace-renderer-layer.mjs}

@@ -1,49 +1,50 @@
 import h from "@arcgis/core/Graphic";
-import p from "@arcgis/core/layers/GraphicsLayer";
-import m from "../../stores/index.mjs";
+import c from "@arcgis/core/layers/GraphicsLayer";
+import p from "../../stores/index.mjs";
 class u {
   constructor(i) {
-    this.showVehiclePlate = !1, this.showGroundVehicle = !0, this.showElevatedVehicle = !0, this.historyPositionMap = /* @__PURE__ */ new Map(), this.vehicleObjectMap = /* @__PURE__ */ new Map(), this.view = i;
-    const e = m.useAppDataStore;
-    this.mapConfig = JSON.parse(JSON.stringify(e.mapConfig)), this.vehicleLayer = new p({
+    this.needInterpolate = !0, this.showVehiclePlate = !1, this.showGroundVehicle = !0, this.showElevatedVehicle = !0, this.historyPositionMap = /* @__PURE__ */ new Map(), this.vehicleObjectMap = /* @__PURE__ */ new Map(), this.view = i;
+    const e = p.useAppDataStore;
+    this.mapConfig = JSON.parse(JSON.stringify(e.mapConfig)), this.vehicleLayer = new c({
       id: "vehicleLayer"
     }), this.view.map.add(this.vehicleLayer), requestAnimationFrame(() => this.render());
   }
   addVehicles(i) {
     const e = i.map((t) => {
-      const { crossId: l, ptcId: n } = t, s = Number(t.x), a = Number(t.y), r = Number(t.heading), o = `${l}-${n}`;
+      const { vehicleId: o, heading: n, localTimestamp: a } = t, r = Number(t.x), l = Number(t.y);
       this.historyPositionMap.set(o, [
-        { pos: [s, a, 0], heading: r, time: Date.now() }
+        { pos: [r, l, 0], heading: n, time: a }
       ]);
-      const c = new h({
+      const s = new h({
         geometry: {
           type: "point",
-          x: s,
-          y: a
+          x: r,
+          y: l
         },
         attributes: {
           ...t
         },
         symbol: this.createCIMSymbol(t)
       });
-      return c.visible = !1, this.vehicleObjectMap.set(o, {
-        graphic: c,
+      return s.visible = !1, this.vehicleObjectMap.set(o, {
+        graphic: s,
         data: t,
-        waitForDelete: !1
-      }), c;
+        waitForDelete: !1,
+        isMoving: !1
+      }), s;
     });
     this.vehicleLayer.addMany(e);
   }
   updateVehicles(i) {
     const e = [];
     i.forEach((t) => {
-      const { crossId: l, ptcId: n } = t, s = Number(t.x), a = Number(t.y), r = `${l}-${n}`, o = this.vehicleObjectMap.get(r);
-      o ? (o.data = t, this.historyPositionMap.get(
-        r
+      const { vehicleId: o, heading: n, localTimestamp: a } = t, r = Number(t.x), l = Number(t.y), s = this.vehicleObjectMap.get(o);
+      s ? (s.data = t, this.historyPositionMap.get(
+        o
       ).push({
-        pos: [s, a, 0],
-        heading: t.heading,
-        time: Date.now()
+        pos: [r, l, 0],
+        heading: n,
+        time: a
       })) : e.push(t);
     }), this.addVehicles(e);
   }
@@ -56,9 +57,6 @@ class u {
   clearVehicles() {
     this.vehicleLayer.removeAll(), this.vehicleObjectMap.clear(), this.historyPositionMap.clear();
   }
-  updatePanelContent(i) {
-    console.log(i);
-  }
   /**
    * 设置地面车辆显示隐藏
    * @param visible
@@ -73,6 +71,15 @@ class u {
   toggleElevatedVehicle(i) {
     this.showElevatedVehicle = i;
   }
+  toggleTrafficInfo(i) {
+    i.name === "vehiclePlate" && (this.showVehiclePlate = i.visible);
+  }
+  updatePanelContent(i) {
+    console.log(i);
+  }
+  setInterpolate(i) {
+    this.needInterpolate = i;
+  }
   render() {
     this.vehicleObjectMap.forEach((i, e) => {
       this.updatePosition(e);
@@ -80,16 +87,16 @@ class u {
   }
   updatePosition(i) {
     const e = this.historyPositionMap.get(i), t = this.vehicleObjectMap.get(i);
-    if (!e || !t || e.length <= 1)
+    if (!e || !t || !t.isMoving && e.length <= 2)
       return;
-    (t.graphic.getAttribute("roadLayer") || "1") === "1" ? t.graphic.visible = this.showGroundVehicle : t.graphic.visible = this.showElevatedVehicle, t.segmentStartTime || (t.segmentStartTime = Date.now(), t.segmentTotalTime = e[1].time - e[0].time);
-    const n = Date.now() - t.segmentStartTime, s = Math.min(
+    t.isMoving = !0, (t.graphic.getAttribute("roadLayer") || "1") === "1" ? t.graphic.visible = this.showGroundVehicle : t.graphic.visible = this.showElevatedVehicle, t.segmentStartTime || (t.segmentStartTime = Date.now(), t.segmentTotalTime = e[1].time - e[0].time);
+    const n = Date.now() - t.segmentStartTime, a = Math.min(
       1,
       n / t.segmentTotalTime
     );
-    if (s === 1)
+    if (a === 1)
       if (e.shift(), e.length === 1) {
-        t.waitForDelete ? (this.vehicleLayer.remove(t.graphic), this.vehicleObjectMap.delete(i), this.historyPositionMap.delete(i)) : (t.segmentStartTime = void 0, t.segmentTotalTime = void 0);
+        t.waitForDelete ? (this.vehicleLayer.remove(t.graphic), this.vehicleObjectMap.delete(i), this.historyPositionMap.delete(i)) : (t.segmentStartTime = void 0, t.segmentTotalTime = void 0, t.graphic.visible = !1, t.isMoving = !1);
         return;
       } else
         t.segmentStartTime = Date.now(), t.segmentTotalTime = e[1].time - e[0].time, (e[1].heading >= 270 && e[0].heading <= 90 || e[1].heading <= 90 && e[0].heading >= 270) && (e[1].heading > e[0].heading ? e[0].heading += 360 : e[1].heading += 360), t.graphic.geometry = {
@@ -98,12 +105,12 @@ class u {
           y: e[0].pos[1]
         };
     else {
-      const a = e[0].pos[0] + (e[1].pos[0] - e[0].pos[0]) * s, r = e[0].pos[1] + (e[1].pos[1] - e[0].pos[1]) * s, o = e[0].heading + (e[1].heading - e[0].heading) * s;
+      const r = e[0].pos[0] + (e[1].pos[0] - e[0].pos[0]) * a, l = e[0].pos[1] + (e[1].pos[1] - e[0].pos[1]) * a, s = e[0].heading + (e[1].heading - e[0].heading) * a;
       t.graphic.geometry = {
         type: "point",
-        x: a,
-        y: r
-      }, t.data.heading = o, t.graphic.symbol = this.createCIMSymbol(t.data);
+        x: r,
+        y: l
+      }, t.data.heading = s, t.graphic.symbol = this.createCIMSymbol(t.data);
     }
   }
   /**

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

@@ -1,5 +1,5 @@
-import { EVehiclePlateState, ITraceRendererInterface, IVehicleTrack } from '../../../types';
-export default class TraceExternalRenderer implements ITraceRendererInterface {
+import { EVehiclePlateState, IToggleTrafficInfoParams, ITraceRendererInterface, IVehicleTrack } from '../../../types';
+export default class TraceRendererWebgl implements ITraceRendererInterface {
     private renderer;
     private scene;
     private camera;
@@ -24,8 +24,12 @@ export default class TraceExternalRenderer implements ITraceRendererInterface {
     private currentSpriteContent;
     private historyPositionMap;
     private vehicleObjectMap;
+    private needInterpolate;
     constructor(view: __esri.SceneView);
+    setInterpolate(needInterpolate: boolean): void;
+    private context;
     setup(context: any): Promise<void>;
+    private lastRenderTime;
     render(context: any): Promise<void>;
     /**
      * 新增车辆
@@ -35,10 +39,13 @@ export default class TraceExternalRenderer implements ITraceRendererInterface {
      * 更新车辆
      * */
     updateVehicles(objects: IVehicleTrack[]): void;
+    private toRenderCoordinates;
     /**
      * 删除车辆
      * */
     deleteVehicles(idList: string[]): void;
+    private deleteVehicle;
+    toggleTrafficInfo(params: IToggleTrafficInfoParams): void;
     /**
      * 清除全部车辆
      * */