gisviewer-vue3-arcgis 1.0.90 → 1.0.91

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

@@ -1,44 +1,45 @@
-import * as d from "@arcgis/core/views/3d/externalRenderers";
-import u from "../../stores/index.mjs";
-import T from "./trace-external-renderer.mjs";
-import f from "./trace-layer-renderer.mjs";
-class b {
+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 {
   constructor(e) {
     this.lastDataTime = 0, this.view = e;
-    const c = u.useAppDataStore;
-    this.mapConfig = JSON.parse(JSON.stringify(c.mapConfig)), e.type === "3d" ? (this.traceRenderer = new T(e), d.add(
+    const i = T.useAppDataStore;
+    this.mapConfig = JSON.parse(JSON.stringify(i.mapConfig)), e.type === "3d" ? (this.traceRenderer = new f(e), u.add(
       e,
       this.traceRenderer
-    )) : this.traceRenderer = new f(e);
+    )) : this.traceRenderer = new g(e);
   }
   /**
    * 处理全息流轨迹数据
    * */
   handleVehicleTraceData(e) {
-    const c = new Date().getTime();
-    if (c - this.lastDataTime < 100)
+    const i = new Date().getTime();
+    if (i - this.lastDataTime < 100)
       return;
-    this.lastDataTime = c;
-    const { newVehList: n, updateVehList: o, deleteVehList: i, crossId: s } = e, a = [], l = [];
-    if (n && n.length > 0) {
-      for (const t of n) {
-        const r = this.buildVehicleTrackData(t, s);
-        r && a.push(r);
+    this.lastDataTime = i;
+    const { newVehList: s, updateVehList: n, deleteVehList: o, jgsj: l } = e, a = e.crossId || "", h = [], r = [];
+    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);
       }
-      this.traceRenderer.addVehicles(a);
+      this.traceRenderer.addVehicles(h);
     }
-    if (o && o.length > 0) {
-      for (const t of o) {
-        const r = this.buildVehicleTrackData(t, s);
-        r && l.push(r);
+    if (n && n.length > 0) {
+      for (const c of n) {
+        const t = this.buildVehicleTrackData(c, a);
+        t && r.push(t);
       }
-      this.traceRenderer.updateVehicles(l);
+      this.traceRenderer.updateVehicles(r);
     }
-    if (i && i.length > 0) {
-      const t = i.map(
-        (r) => s + "-" + r.ptcId
+    if (o && o.length > 0) {
+      const c = o.map(
+        (t) => a + "-" + (t.ptcId || t.vehno || t.vehNo)
       );
-      this.traceRenderer.deleteVehicles(t);
+      this.traceRenderer.deleteVehicles(c);
     }
   }
   /**
@@ -50,26 +51,33 @@ class b {
   updatePanelContent(e) {
     this.traceRenderer.updatePanelContent(e);
   }
-  buildVehicleTrackData(e, c) {
-    const p = e.longitude, n = e.latitude, o = e.ptcId, i = Number(e.ptcType), s = e.heading, a = Number(e.vehicleType), l = Number(e.vehicleColor), t = e.plateNo || e.plateno, r = Number(e.plateColor), h = e.timestamp, m = e.localTimestamp;
-    if (!(i < 0 || i > 8))
+  toggleGroundVehicle(e) {
+    this.traceRenderer.toggleGroundVehicle(e);
+  }
+  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))
       return {
-        ptcId: o,
-        crossId: c,
+        ptcId: n,
+        crossId: i,
         x: p,
-        y: n,
-        ptcType: i,
+        y: s,
+        ptcType: o,
         vehicleType: a,
-        heading: i === 2 ? -s : s,
-        vehicleColor: l,
-        showName: t && t !== "" && t !== "0" && t !== "000000" ? t : "",
-        plateNo: t,
-        plateColor: r,
-        timestamp: h,
-        localTimestamp: m
+        heading: o === 2 ? -l : l,
+        vehicleColor: h,
+        showName: r && r !== "" && r !== "0" && r !== "000000" ? r : "",
+        plateNo: r,
+        plateColor: c,
+        timestamp: t,
+        localTimestamp: d,
+        roadLayer: m
       };
   }
 }
 export {
-  b as default
+  N as default
 };

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

@@ -3,6 +3,8 @@ export default class TraceLayerRenderer implements ITraceRendererInterface {
     private view;
     private readonly vehicleLayer;
     private mapConfig;
+    private showGroundVehicle;
+    private showElevatedVehicle;
     constructor(view: __esri.MapView);
     private showVehiclePlate;
     private historyPositionMap;
@@ -12,6 +14,16 @@ export default class TraceLayerRenderer implements ITraceRendererInterface {
     deleteVehicles(idList: string[]): void;
     clearVehicles(): void;
     updatePanelContent(contentType: EVehiclePlateState): void;
+    /**
+     * 设置地面车辆显示隐藏
+     * @param visible
+     */
+    toggleGroundVehicle(visible: boolean): void;
+    /**
+     * 设置高架车辆显示隐藏
+     * @param visible
+     */
+    toggleElevatedVehicle(visible: boolean): void;
     private render;
     private updatePosition;
     /**

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

@@ -1,9 +1,9 @@
 import g from "@arcgis/core/Graphic";
 import y from "@arcgis/core/layers/GraphicsLayer";
 import d from "../../stores/index.mjs";
-class v {
+class C {
   constructor(i) {
-    this.showVehiclePlate = !1, this.historyPositionMap = /* @__PURE__ */ new Map(), this.vehicleObjectMap = /* @__PURE__ */ new Map(), this.view = i;
+    this.showGroundVehicle = !0, this.showElevatedVehicle = !0, this.showVehiclePlate = !1, this.historyPositionMap = /* @__PURE__ */ new Map(), this.vehicleObjectMap = /* @__PURE__ */ new Map(), this.view = i;
     const e = d.useAppDataStore;
     this.mapConfig = JSON.parse(JSON.stringify(e.mapConfig)), this.vehicleLayer = new y({
       id: "vehicleLayer"
@@ -11,22 +11,22 @@ class v {
   }
   addVehicles(i) {
     const e = i.map((t) => {
-      const { crossId: o, ptcId: c, localTimestamp: a } = t, r = Number(t.x), n = Number(t.y), s = Number(t.heading), h = `${o}-${c}`;
-      this.historyPositionMap.set(h, [
-        { pos: [r, n, 0], heading: s, time: a }
+      const { crossId: o, ptcId: h, localTimestamp: c } = t, a = Number(t.x), r = Number(t.y), s = Number(t.heading), n = `${o}-${h}`;
+      this.historyPositionMap.set(n, [
+        { pos: [a, r, 0], heading: s, time: c }
       ]);
       const l = new g({
         geometry: {
           type: "point",
-          x: r,
-          y: n
+          x: a,
+          y: r
         },
         attributes: {
           ...t
         },
         symbol: this.createCIMSymbol(t)
       });
-      return l.visible = !1, this.vehicleObjectMap.set(h, {
+      return l.visible = !1, this.vehicleObjectMap.set(n, {
         graphic: l,
         data: t
       }), l;
@@ -36,15 +36,15 @@ class v {
   updateVehicles(i) {
     const e = [];
     i.forEach((t) => {
-      const { crossId: o, ptcId: c, localTimestamp: a } = t, r = Number(t.x), n = Number(t.y);
+      const { crossId: o, ptcId: h, localTimestamp: c } = t, a = Number(t.x), r = Number(t.y);
       let s = Number(t.heading);
-      const h = `${o}-${c}`, l = this.vehicleObjectMap.get(h);
+      const n = `${o}-${h}`, l = this.vehicleObjectMap.get(n);
       if (l) {
         l.data = t;
         const p = this.historyPositionMap.get(
-          h
+          n
         ), m = p[p.length - 1];
-        Math.abs(s - m.heading) >= 180 && (s > m.heading ? m.heading += 360 : s += 360), p.push({ pos: [r, n, 0], heading: s, time: a });
+        Math.abs(s - m.heading) >= 180 && (s > m.heading ? m.heading += 360 : s += 360), p.push({ pos: [a, r, 0], heading: s, time: c });
       } else
         e.push(t);
     }), this.addVehicles(e);
@@ -61,6 +61,20 @@ class v {
   updatePanelContent(i) {
     console.log(i);
   }
+  /**
+   * 设置地面车辆显示隐藏
+   * @param visible
+   */
+  toggleGroundVehicle(i) {
+    this.showGroundVehicle = i;
+  }
+  /**
+   * 设置高架车辆显示隐藏
+   * @param visible
+   */
+  toggleElevatedVehicle(i) {
+    this.showElevatedVehicle = i;
+  }
   render() {
     this.vehicleObjectMap.forEach((i, e) => {
       this.updatePosition(e);
@@ -71,7 +85,7 @@ class v {
     if (!e || !t || e.length < 2)
       return;
     const o = Date.now();
-    t.graphic.visible = !0, t.segmentStartTime || (t.segmentStartTime = o, t.segmentTotalTime = e[1].time - e[0].time);
+    (t.graphic.getAttribute("roadLayer") || "1") === "1" ? t.graphic.visible = this.showGroundVehicle : t.graphic.visible = this.showElevatedVehicle, t.segmentStartTime || (t.segmentStartTime = o, t.segmentTotalTime = e[1].time - e[0].time);
     const c = o - t.segmentStartTime, a = Math.min(
       1,
       c / t.segmentTotalTime
@@ -89,12 +103,12 @@ class v {
           y: e[0].pos[1]
         };
     else {
-      const r = e[0].pos[0] + (e[1].pos[0] - e[0].pos[0]) * a, n = e[0].pos[1] + (e[1].pos[1] - e[0].pos[1]) * a, s = e[0].heading + (e[1].heading - e[0].heading) * a;
+      const r = e[0].pos[0] + (e[1].pos[0] - e[0].pos[0]) * a, s = e[0].pos[1] + (e[1].pos[1] - e[0].pos[1]) * a, n = e[0].heading + (e[1].heading - e[0].heading) * a;
       t.graphic.geometry = {
         type: "point",
         x: r,
-        y: n
-      }, t.data.heading = s, t.graphic.symbol = this.createCIMSymbol(t.data);
+        y: s
+      }, t.data.heading = n, t.graphic.symbol = this.createCIMSymbol(t.data);
     }
   }
   /**
@@ -282,5 +296,5 @@ class v {
   }
 }
 export {
-  v as default
+  C as default
 };

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

@@ -1,21 +1,21 @@
 import M from "@arcgis/core/Basemap";
-import P from "@arcgis/core/Map";
+import T from "@arcgis/core/Map";
 import g from "@arcgis/core/config";
-import * as T from "@arcgis/core/core/reactiveUtils";
-import { Point as k } from "@arcgis/core/geometry";
+import * as P from "@arcgis/core/core/reactiveUtils";
+import { Polygon as z, Polyline as W, Point as k } from "@arcgis/core/geometry";
 import * as f from "@arcgis/core/geometry/support/webMercatorUtils";
-import z from "@arcgis/core/layers/GeoJSONLayer";
-import W from "@arcgis/core/layers/TileLayer";
-import x from "@arcgis/core/layers/WebTileLayer";
-import L from "@arcgis/core/views/MapView";
-import R from "@arcgis/core/views/SceneView";
-import S from "@turf/destination";
-import * as H from "@turf/helpers";
-import I from "../stores/index.mjs";
-function v(m, e) {
-  return m.startsWith("http://") || m.startsWith("https://") ? m : e + m;
+import x from "@arcgis/core/layers/GeoJSONLayer";
+import L from "@arcgis/core/layers/TileLayer";
+import R from "@arcgis/core/layers/WebTileLayer";
+import S from "@arcgis/core/views/MapView";
+import H from "@arcgis/core/views/SceneView";
+import I from "@turf/destination";
+import * as O from "@turf/helpers";
+import G from "../stores/index.mjs";
+function y(m, t) {
+  return m.startsWith("http://") || m.startsWith("https://") ? m : t + m;
 }
-class D {
+class Q {
   constructor() {
     this.mapConfig = {}, this.watchHandleMap = /* @__PURE__ */ new Map(), this.handleIndex = 0, this.zoomWatchHandle = null;
   }
@@ -24,30 +24,30 @@ class D {
    * @param params 容器
    * @returns view
    */
-  async initialize(e) {
-    const s = I.useAppDataStore, t = JSON.parse(JSON.stringify(s.mapConfig));
-    this.mapConfig = t;
-    const { container: a, markerClickCallback: r, mapClickCallback: d } = e;
-    g.assetsPath = `${t.assetsRoot}/ArcgisAssets`, g.fontsUrl = `${t.assetsRoot}/fonts`, g.apiKey = "AAPKf5a3e1044d7a4faeb3b1ec7060f5c68equIrP2KbRyL-t_b40Kk4GTWUQ1BFCyttvyQPQnWpFmBd7kp9gkrVihjfmcKBwxjW";
-    const c = new P();
-    if ((t == null ? void 0 : t.mapOptions.mode.toLowerCase()) === "2d" ? this.view = new L({
+  async initialize(t) {
+    const i = G.useAppDataStore, e = JSON.parse(JSON.stringify(i.mapConfig));
+    this.mapConfig = e;
+    const { container: a, markerClickCallback: r, mapClickCallback: d } = t;
+    g.assetsPath = `${e.assetsRoot}/ArcgisAssets`, g.fontsUrl = `${e.assetsRoot}/fonts`, g.apiKey = "AAPKf5a3e1044d7a4faeb3b1ec7060f5c68equIrP2KbRyL-t_b40Kk4GTWUQ1BFCyttvyQPQnWpFmBd7kp9gkrVihjfmcKBwxjW";
+    const c = new T();
+    if ((e == null ? void 0 : e.mapOptions.mode.toLowerCase()) === "2d" ? this.view = new S({
       map: c,
       container: a,
-      ...t.mapOptions
-    }) : this.view = new R({
+      ...e.mapOptions
+    }) : this.view = new H({
       map: c,
       container: a,
-      ...t == null ? void 0 : t.mapOptions
-    }), this.view.on("click", async (i) => {
-      var y, b;
+      ...e == null ? void 0 : e.mapOptions
+    }), this.view.on("click", async (s) => {
+      var b, v;
       if (d) {
-        let o = i.mapPoint;
+        let o = s.mapPoint;
         o.spatialReference.isWebMercator && (o = f.webMercatorToGeographic(
           o
         )), d(
           [o.x, o.y],
-          [i.screenPoint.x, i.screenPoint.y],
-          i
+          [s.screenPoint.x, s.screenPoint.y],
+          s
         );
       }
       if (this.view.type === "3d") {
@@ -60,7 +60,7 @@ class D {
             tilt: o.tilt,
             position: l.toJSON()
           };
-          console.log(w), (y = navigator.clipboard) == null || y.writeText(JSON.stringify(w));
+          console.log(w), (b = navigator.clipboard) == null || b.writeText(JSON.stringify(w));
         } else
           console.log(o.toJSON());
       } else {
@@ -72,7 +72,7 @@ class D {
           zoom: this.view.zoom
         });
       }
-      const h = (b = (await this.view.hitTest(i)).results) == null ? void 0 : b.filter(
+      const h = (v = (await this.view.hitTest(s)).results) == null ? void 0 : v.filter(
         (o) => o.type === "graphic"
       );
       h.length > 0 && h.forEach((o) => {
@@ -82,29 +82,29 @@ class D {
           l.attributes.type,
           l.attributes.id,
           l.attributes,
-          i
+          s
         );
       });
-    }), t != null && t.baseLayers ? t.baseLayers.forEach((i) => {
-      switch (i.type.toLowerCase()) {
+    }), e != null && e.baseLayers ? e.baseLayers.forEach((s) => {
+      switch (s.type.toLowerCase()) {
         case "webTile".toLowerCase(): {
-          const n = v(i.url, t.assetsRoot), h = new x({
+          const n = y(s.url, e.assetsRoot), h = new R({
             urlTemplate: n,
-            ...i.options
+            ...s.options
           });
           c.add(h);
           break;
         }
         case "tile": {
-          const n = v(i.url, t.assetsRoot), h = new W({
+          const n = y(s.url, e.assetsRoot), h = new L({
             url: n,
-            ...i.options
+            ...s.options
           });
           c.add(h);
           break;
         }
         case "arcgis": {
-          const n = new M(i.options);
+          const n = new M(s.options);
           c.basemap = n;
           break;
         }
@@ -114,84 +114,93 @@ class D {
         id: "arcgis/dark-gray",
         language: "zh-CN"
       }
-    }), t != null && t.hdLayers) {
-      const i = t.hdLayers.map(
+    }), e != null && e.hdLayers) {
+      const s = e.hdLayers.map(
         (n) => (
           // 图层文件为GeoJson格式, renderer和symbol使用autocast配置
-          new z({
-            url: v(n.url, t.assetsRoot),
+          new x({
+            url: y(n.url, e.assetsRoot),
             ...n.options,
             title: n.options.id
           })
         )
       );
-      c.addMany(i);
+      c.addMany(s);
     }
     this.view.ui.remove("attribution"), this.view.ui.add("compass", "top-left"), await this.view.when();
     const p = this.mapConfig.camera;
     let u;
     if (this.view.type === "2d") {
-      let i = this.view.center;
-      this.view.spatialReference.isWebMercator && (i = f.webMercatorToGeographic(
-        i
-      )), u = { center: [i.x, i.y], zoom: this.view.zoom };
+      let s = this.view.center;
+      this.view.spatialReference.isWebMercator && (s = f.webMercatorToGeographic(
+        s
+      )), u = { center: [s.x, s.y], zoom: this.view.zoom };
     } else {
-      let i = this.view.camera.position;
-      this.view.spatialReference.isWebMercator && (i = f.webMercatorToGeographic(
-        i
+      let s = this.view.camera.position;
+      this.view.spatialReference.isWebMercator && (s = f.webMercatorToGeographic(
+        s
       )), u = {
-        position: i,
+        position: s,
         heading: this.view.camera.heading,
         tilt: this.view.camera.tilt
       };
     }
     return p ? p.home = u : this.mapConfig.camera = { home: u }, this.view;
   }
-  setLayerVisibility(e) {
-    const { id: s, visible: t } = e, a = this.view.map.findLayerById(s);
-    return a ? (a.visible = t, { status: 0, message: "ok" }) : { status: -1, message: "未找到图层" };
+  setLayerVisibility(t) {
+    const { id: i, visible: e } = t, a = this.view.map.findLayerById(i);
+    return a ? (a.visible = e, { status: 0, message: "ok" }) : { status: -1, message: "未找到图层" };
   }
   /**
    * 设置地图中心点
    * @param params
    * @returns
    */
-  async setMapCenter(e) {
-    return this.view ? (e.center ? await this.view.goTo(
-      {
-        target: e.center,
-        zoom: e.zoom
-      },
-      { duration: (e.duration || 0) * 1e3 }
-    ) : e.camera && await this.view.goTo(e.camera, {
-      duration: (e.duration || 0) * 1e3
-    }), { status: 0, message: "成功" }) : { status: -1, message: "未初始化" };
+  async setMapCenter(t) {
+    var i;
+    if (!this.view)
+      return { status: -1, message: "未初始化" };
+    if (t.center || t.target) {
+      switch ((i = t.target) == null ? void 0 : i.type) {
+        case "point":
+          t.target = new k(t.target);
+          break;
+        case "polyline":
+          t.target = new W(t.target);
+          break;
+        case "polygon":
+          t.target = new z(t.target);
+          break;
+      }
+      await this.view.goTo(t, { duration: (t.duration || 0) * 1e3 });
+    }
+    return { status: 0, message: "成功" };
   }
   /**
    * 在一定的高度，以一定的角度去观察某个坐标
    * */
-  async lookAt(e) {
+  async lookAt(t) {
     if (this.view.type === "2d")
       return;
-    const s = e.tilt || 0, t = e.heading || 0;
-    if (s === 0)
+    const i = t.tilt || 0, e = t.heading || 0;
+    if (i === 0)
       await this.view.goTo(
         {
           position: {
-            x: e.center[0],
-            y: e.center[1],
-            z: e.height
+            x: t.center[0],
+            y: t.center[1],
+            z: t.height
           },
-          heading: t,
+          heading: e,
           tilt: 0
         },
-        { duration: (e.duration || 2) * 1e3 }
+        { duration: (t.duration || 2) * 1e3 }
       );
     else {
-      const a = Math.tan(s * Math.PI / 180) * e.height, r = S(
-        H.point(e.center),
+      const a = Math.tan(i * Math.PI / 180) * t.height, r = I(
+        O.point(t.center),
         a,
-        t + 180,
+        e + 180,
         {
           units: "meters"
         }
@@ -201,67 +210,67 @@ class D {
           position: {
             x: r.geometry.coordinates[0],
             y: r.geometry.coordinates[1],
-            z: e.height
+            z: t.height
           },
-          heading: t,
-          tilt: s
+          heading: e,
+          tilt: i
         },
-        { duration: (e.duration || 2) * 1e3 }
+        { duration: (t.duration || 2) * 1e3 }
       );
     }
   }
-  async setMapCamera(e) {
+  async setMapCamera(t) {
     if (!this.view)
       return { status: -1, message: "未初始化" };
-    const { name: s, duration: t = 0 } = e, { camera: a } = this.mapConfig;
+    const { name: i, duration: e = 0 } = t, { camera: a } = this.mapConfig;
     if (!a)
       return { status: -1, message: "未配置camera" };
-    const r = a[s];
-    return r ? (console.log("target:", r, t * 1e3), await this.view.goTo(r, { duration: t * 1e3 }), { status: 0, message: "成功" }) : { status: -1, message: "未配置camera" };
+    const r = a[i];
+    return r ? (await this.view.goTo(r, { duration: e * 1e3 }), { status: 0, message: "成功" }) : { status: -1, message: "未配置camera" };
   }
   /**
    * 经纬度转像素坐标，在地图移动时回调
    * */
-  requestCoordinateTransform(e, s) {
-    let t = 0;
-    const r = 1e3 / 30, d = T.watch(
+  requestCoordinateTransform(t, i) {
+    let e = 0;
+    const r = 1e3 / 30, d = P.watch(
       () => this.view.center,
       () => {
-        const c = this.transformPoints(e), p = Date.now();
-        p - t > r && (s(c), t = p);
+        const c = this.transformPoints(t), p = Date.now();
+        p - e > r && (i(c), e = p);
       }
     );
-    return this.handleIndex++, this.watchHandleMap.set(this.handleIndex, d), { handle: this.handleIndex, points: this.transformPoints(e) };
+    return this.handleIndex++, this.watchHandleMap.set(this.handleIndex, d), { handle: this.handleIndex, points: this.transformPoints(t) };
   }
-  transformPoints(e) {
-    return e.map((s) => {
-      const t = new k({
-        x: s[0],
-        y: s[1]
-      }), a = this.view.toScreen(t);
+  transformPoints(t) {
+    return t.map((i) => {
+      const e = new k({
+        x: i[0],
+        y: i[1]
+      }), a = this.view.toScreen(e);
       return [a.x, a.y];
     });
   }
   /**
    * 停止坐标转换回调
    * */
-  cancelCoordinateTransform(e) {
-    const s = this.watchHandleMap.get(e);
-    s && (s.remove(), this.watchHandleMap.delete(e));
+  cancelCoordinateTransform(t) {
+    const i = this.watchHandleMap.get(t);
+    i && (i.remove(), this.watchHandleMap.delete(t));
   }
   /**
    * 设置地图zoom范围
    * */
-  setMapZoomRange(e) {
-    const { min: s, max: t } = e;
-    !s && !t || (this.zoomWatchHandle && this.zoomWatchHandle.remove(), this.zoomWatchHandle = T.watch(
+  setMapZoomRange(t) {
+    const { min: i, max: e } = t;
+    !i && !e || (this.zoomWatchHandle && this.zoomWatchHandle.remove(), this.zoomWatchHandle = P.watch(
       () => this.view.zoom,
       (a) => {
-        s && a <= s && (this.view.zoom = s), t && a >= t && (this.view.zoom = t);
+        i && a <= i && (this.view.zoom = i), e && a >= e && (this.view.zoom = e);
       }
     ));
   }
 }
 export {
-  D as default
+  Q as default
 };

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

@@ -1,4 +1,5 @@
 import View from '@arcgis/core/views/View';
+import { IToggleTrafficInfoParams } from '../../types';
 export default class TrafficFlow {
     private view;
     private mapConfig;
@@ -10,6 +11,10 @@ export default class TrafficFlow {
     private objectMissCount;
     /** 是否显示车牌号码 */
     private showVehiclePlate;
+    /** 是否显示地面车辆 */
+    private showGroundVehicle;
+    /** 是否显示高架车辆 */
+    private showElevatedVehicle;
     private showLog;
     constructor(view: View);
     /**
@@ -23,10 +28,15 @@ export default class TrafficFlow {
      */
     disconnectTrafficFlow(): void;
     /**
-     * 控制车辆号牌是否显示
-     * @param visible
+     * 切换交通信息可见性
+     * @param params
      */
-    toggleVehiclePlate(visible: boolean): void;
+    toggleTrafficInfo(params: IToggleTrafficInfoParams): void;
+    /**
+     * 切换交通对象可见性
+     * @param params
+     */
+    toggleTrafficObject(params: IToggleTrafficInfoParams): void;
     private focusVehNo;
     private handleTrafficFlowData;
     /**
@@ -34,6 +44,7 @@ export default class TrafficFlow {
      * @param objects
      */
     private addTrafficObjects;
+    private getVehicleVisibility;
     /**
      * 更新交通对象
      * @param objects