gisviewer-vue3-arcgis 1.0.248 → 1.0.250

package/es/src/gis-map/utils/edpass-device-controller.mjs

@@ -1,13 +1,13 @@
-import * as d from "@arcgis/core/core/reactiveUtils.js";
-import v from "@arcgis/core/Graphic";
+import * as h from "@arcgis/core/core/reactiveUtils.js";
+import u from "@arcgis/core/Graphic";
 import l from "@arcgis/core/layers/GraphicsLayer";
-import { toRaw as b } from "vue";
-import p from "../stores/index.mjs";
-class S {
+import { toRaw as v } from "vue";
+import b from "../stores/index.mjs";
+class I {
   constructor(e) {
-    this.watchHandle = null, this.view = e;
-    const t = p.useAppDataStore;
-    this.mapInitializer = b(t.mapInitializer), this.cameraNormalLayer = new l({
+    this.watchHandle = null, this.currentZdCode = "", this.currentDdCode = "", this.view = e;
+    const t = b.useAppDataStore;
+    this.mapInitializer = v(t.mapInitializer), this.cameraNormalLayer = new l({
       id: "cameraNormalLayer",
       visible: !1
     }), this.cameraAbnormalLayer = new l({
@@ -38,42 +38,50 @@ class S {
         });
       case "cluster": {
         const { deviceLayer: i } = this.getLayerConfig(e);
-        i.visible = e.visible, console.log(i.id, i.visible), e.visible ? (await this.showClusterInExtent(e, this.view.extent), this.watchHandle || (this.watchHandle = d.when(
+        i.visible = e.visible, this.currentDdCode = e.ddCode || "", this.currentZdCode = e.zdCode || "", e.visible ? (await this.showClusterInExtent(e, this.view.extent), this.watchHandle || (this.watchHandle = h.when(
           () => this.view.stationary,
           async () => {
-            this.cameraNormalLayer.visible && (console.log("刷新 camera normal"), await this.showClusterInExtent(
+            this.cameraNormalLayer.visible && await this.showClusterInExtent(
               {
                 deviceType: "camera",
                 deviceState: "normal",
                 mode: "cluster",
+                ddCode: this.currentDdCode,
+                zdCode: this.currentZdCode,
                 visible: !0
               },
               this.view.extent
-            )), this.cameraAbnormalLayer.visible && (console.log("刷新 camera abnormal"), await this.showClusterInExtent(
+            ), this.cameraAbnormalLayer.visible && await this.showClusterInExtent(
               {
                 deviceType: "camera",
                 deviceState: "abnormal",
                 mode: "cluster",
+                ddCode: this.currentDdCode,
+                zdCode: this.currentZdCode,
                 visible: !0
               },
               this.view.extent
-            )), this.kkNormalLayer.visible && (console.log("刷新 kk normal"), await this.showClusterInExtent(
+            ), this.kkNormalLayer.visible && await this.showClusterInExtent(
               {
                 deviceType: "kk",
                 deviceState: "normal",
                 mode: "cluster",
+                ddCode: this.currentDdCode,
+                zdCode: this.currentZdCode,
                 visible: !0
               },
               this.view.extent
-            )), this.kkAbnormalLayer.visible && (console.log("刷新 kk abnormal"), await this.showClusterInExtent(
+            ), this.kkAbnormalLayer.visible && await this.showClusterInExtent(
               {
                 deviceType: "kk",
                 deviceState: "abnormal",
                 mode: "cluster",
+                ddCode: this.currentDdCode,
+                zdCode: this.currentZdCode,
                 visible: !0
               },
               this.view.extent
-            ));
+            );
           }
         ))) : (i.removeAll(), !this.cameraNormalLayer.visible && !this.cameraAbnormalLayer.visible && !this.kkNormalLayer.visible && !this.kkAbnormalLayer.visible && ((t = this.watchHandle) == null || t.remove(), this.watchHandle = null));
         break;
@@ -85,11 +93,11 @@ class S {
     };
   }
   getLayerConfig(e) {
-    let t, i, r;
-    return e.deviceType === "camera" ? e.deviceState === "normal" ? (t = "/GisViewerAssets/Images/gis/gis_sxj_map.png", i = [45, 108, 196], r = this.cameraNormalLayer) : (t = "/GisViewerAssets/Images/gis/gis_sxj_yc.png", i = [189, 49, 50], r = this.cameraAbnormalLayer) : e.deviceState === "normal" ? (t = "/GisViewerAssets/Images/gis/gis_kk_map.png", i = [45, 108, 196], r = this.kkNormalLayer) : (t = "/GisViewerAssets/Images/gis/gis_kk_yc.png", i = [189, 49, 50], r = this.kkAbnormalLayer), {
+    let t, i, a;
+    return e.deviceType === "camera" ? e.deviceState === "normal" ? (t = "/GisViewerAssets/Images/gis/gis_sxj_map.png", i = [45, 108, 196], a = this.cameraNormalLayer) : (t = "/GisViewerAssets/Images/gis/gis_sxj_yc.png", i = [189, 49, 50], a = this.cameraAbnormalLayer) : e.deviceState === "normal" ? (t = "/GisViewerAssets/Images/gis/gis_kk_map.png", i = [45, 108, 196], a = this.kkNormalLayer) : (t = "/GisViewerAssets/Images/gis/gis_kk_yc.png", i = [189, 49, 50], a = this.kkAbnormalLayer), {
       icon: t,
       color: i,
-      deviceLayer: r
+      deviceLayer: a
     };
   }
   async showClusterInExtent(e, t) {
@@ -105,7 +113,8 @@ class S {
         bottomRightLat: t.ymin,
         bottomRightLon: t.xmax,
         devStateSet: [e.deviceState === "normal" ? "1" : "2"],
-        // meter: Math.round(this.view.scale / 6)
+        zdCode: e.zdCode || "",
+        ddCode: e.ddCode || "",
         mapLevel: this.view.zoom + 9
       })
     });
@@ -113,29 +122,29 @@ class S {
       console.error(i.statusText);
       return;
     }
-    const r = await i.json();
-    if (r.code !== 200)
+    const a = await i.json();
+    if (a.code !== 200)
       return;
-    const { icon: n, color: c, deviceLayer: m } = this.getLayerConfig(e);
-    m.removeAll();
-    const h = r.data.map((a) => {
+    const { icon: n, color: c, deviceLayer: d } = this.getLayerConfig(e);
+    d.removeAll();
+    const m = a.data.map((r) => {
       var y;
-      const o = (a.count.toString().length * 6 + 6) / 2, s = new v({
+      const o = (r.count.toString().length * 6 + 6) / 2, s = new u({
         geometry: {
           type: "point",
-          x: a.lon,
-          y: a.lat
+          x: r.lon,
+          y: r.lat
         },
         attributes: {
-          id: ((y = a.devInfo) == null ? void 0 : y.deviceId) || a.key,
+          id: ((y = r.devInfo) == null ? void 0 : y.deviceId) || r.key,
           type: e.deviceType,
-          count: a.count,
+          count: r.count,
           typeName: e.deviceType === "camera" ? "视频" : "卡口",
           stateName: e.deviceState === "normal" ? "正常" : "异常",
-          ...a.devInfo
+          ...r.devInfo
         }
       });
-      return a.count > 1 ? s.symbol = {
+      return r.count > 1 ? s.symbol = {
         type: "cim",
         data: {
           type: "CIMSymbolReference",
@@ -205,7 +214,7 @@ class S {
                       },
                       verticalAlignment: "Center"
                     },
-                    textString: a.count.toString()
+                    textString: r.count.toString()
                   }
                 ],
                 scaleSymbolsProportionally: !0,
@@ -260,9 +269,9 @@ class S {
         ]
       }), s;
     });
-    m.addMany(h);
+    d.addMany(m);
   }
 }
 export {
-  S as default
+  I as default
 };

package/es/src/gis-map/utils/green-wave-band-controller/index.mjs

@@ -42,7 +42,11 @@ class w {
     }), a = new c({
       geometry: o,
       symbol: this.getLineSymbol(!0),
-      attributes: { bandId: e.bandId }
+      attributes: {
+        bandId: e.bandId,
+        type: "greenWaveBand",
+        id: e.bandId
+      }
     });
     this.roadsectLayer.add(a), await this.view.goTo(a), e.nodeList.forEach((s) => {
       const i = new c({

package/es/src/gis-map/utils/map-initializer.d.ts

@@ -23,6 +23,9 @@ export default class MapInitializer {
      * @returns
      */
     setMapCenter(params: ISetMapCenterParams): Promise<IResult>;
+    setMapZoom(params: {
+        zoom: number;
+    }): IResult;
     /**
      * 在一定的高度，以一定的角度去观察某个坐标
      * */

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

@@ -1,36 +1,28 @@
 import M from "@arcgis/core/Basemap";
 import d from "@arcgis/core/config";
 import * as k from "@arcgis/core/core/reactiveUtils";
-import { Multipoint as L, Polygon as P, Polyline as C, Point as T } from "@arcgis/core/geometry";
-import * as w from "@arcgis/core/geometry/support/webMercatorUtils";
+import { Multipoint as P, Polygon as C, Polyline as z, Point as T } from "@arcgis/core/geometry";
+import * as u from "@arcgis/core/geometry/support/webMercatorUtils";
 import W from "@arcgis/core/layers/FeatureLayer";
-import z from "@arcgis/core/layers/GeoJSONLayer";
-import x from "@arcgis/core/layers/GroupLayer";
-import I from "@arcgis/core/layers/IntegratedMesh3DTilesLayer";
+import x from "@arcgis/core/layers/GeoJSONLayer";
+import I from "@arcgis/core/layers/GroupLayer";
+import G from "@arcgis/core/layers/IntegratedMesh3DTilesLayer";
 import S from "@arcgis/core/layers/MapImageLayer";
-import G from "@arcgis/core/layers/TileLayer";
-import H from "@arcgis/core/layers/WebTileLayer";
-import R from "@arcgis/core/layers/WMSLayer";
-import B from "@arcgis/core/Map";
-import O from "@arcgis/core/views/MapView";
-import N from "@arcgis/core/views/SceneView";
-import U from "@turf/destination";
-import * as E from "@turf/helpers";
-import A from "./custom-layer/custom-wmts-layer.mjs";
-class oe {
+import H from "@arcgis/core/layers/TileLayer";
+import R from "@arcgis/core/layers/WebTileLayer";
+import B from "@arcgis/core/layers/WMSLayer";
+import O from "@arcgis/core/Map";
+import N from "@arcgis/core/views/MapView";
+import U from "@arcgis/core/views/SceneView";
+import E from "@turf/destination";
+import * as A from "@turf/helpers";
+import J from "./custom-layer/custom-wmts-layer.mjs";
+class ae {
   constructor() {
     this.mapConfig = {}, this.watchHandleMap = /* @__PURE__ */ new Map(), this.handleIndex = 0, this.zoomWatchHandle = null;
   }
   processUrl(e) {
-    if (e) {
-      if (e.startsWith("http://") || e.startsWith("https://"))
-        return e;
-      if (e.startsWith("{{"))
-        return e.replace("{{geoServer}}", this.mapConfig.geoServer);
-      if (e.startsWith("/"))
-        return this.mapConfig.assetsRoot + e;
-    } else
-      return e;
+    return e && (e.startsWith("http://") || e.startsWith("https://") ? e : e.startsWith("{{") ? e.replace("{{geoServer}}", this.mapConfig.geoServer) : this.mapConfig.assetsRoot + e);
   }
   /**
    * 初始化地图
@@ -38,18 +30,18 @@ class oe {
    * @returns view
    */
   async initialize(e) {
-    var m, u, b, v;
+    var w, v, b, y;
     this.mapConfig = e.mapConfig;
     const { container: i, markerClickCallback: s, mapClickCallback: a } = e;
     d.assetsPath = `${this.mapConfig.assetsRoot}/ArcgisAssets`, d.fontsUrl = `${this.mapConfig.assetsRoot}/fonts`, d.apiKey = "AAPKf5a3e1044d7a4faeb3b1ec7060f5c68equIrP2KbRyL-t_b40Kk4GTWUQ1BFCyttvyQPQnWpFmBd7kp9gkrVihjfmcKBwxjW";
-    const r = new B();
-    if (((m = this.mapConfig) == null ? void 0 : m.mapOptions.mode.toLowerCase()) === "2d" ? (this.view = new O({
+    const r = new O();
+    ((w = this.mapConfig) == null ? void 0 : w.mapOptions.mode.toLowerCase()) === "2d" ? (this.view = new N({
       map: r,
       container: i,
       ...this.mapConfig.mapOptions
     }), this.view.on("drag", (t) => {
       t.button === 2 && t.stopPropagation();
-    })) : this.view = new N({
+    })) : this.view = new U({
       map: r,
       container: i,
       environment: {
@@ -58,7 +50,7 @@ class oe {
           type: "virtual"
         }
       },
-      ...(u = this.mapConfig) == null ? void 0 : u.mapOptions
+      ...(v = this.mapConfig) == null ? void 0 : v.mapOptions
     }), this.view.popup.visibleElements = {
       closeButton: !0,
       collapseButton: !1,
@@ -68,10 +60,10 @@ class oe {
       buttonEnabled: !1,
       breakpoint: !1
     }, this.view.on("click", async (t) => {
-      var h, y;
+      var h, f;
       if (a) {
         let o = t.mapPoint;
-        o.spatialReference.isWebMercator && (o = w.webMercatorToGeographic(
+        o.spatialReference.isWebMercator && (o = u.webMercatorToGeographic(
           o
         )), a(
           [o.x, o.y],
@@ -82,20 +74,20 @@ class oe {
       if (this.view.type === "3d") {
         const o = this.view.camera;
         if (this.view.spatialReference.isWebMercator) {
-          const l = w.webMercatorToGeographic(
+          const l = u.webMercatorToGeographic(
             o.position
-          ), f = {
+          ), p = {
             heading: o.heading,
             tilt: o.tilt,
             position: l.toJSON()
           };
-          console.log(f), (h = navigator.clipboard) == null || h.writeText(JSON.stringify(f));
+          console.log(p), (h = navigator.clipboard) == null || h.writeText(JSON.stringify(p));
         } else
           console.log(o.toJSON());
         console.log(this.view.zoom, this.view.scale);
       } else {
         let o = this.view.center;
-        this.view.spatialReference.isWebMercator && (o = w.webMercatorToGeographic(
+        this.view.spatialReference.isWebMercator && (o = u.webMercatorToGeographic(
           o
         )), console.log({
           center: o.toJSON(),
@@ -103,47 +95,69 @@ class oe {
           scale: this.view.scale
         });
       }
-      const n = (y = (await this.view.hitTest(t)).results) == null ? void 0 : y.filter(
+      const c = (f = (await this.view.hitTest(t)).results) == null ? void 0 : f.filter(
         (o) => o.type === "graphic"
       );
-      n.length > 0 && n.forEach((o) => {
-        var f;
+      c.length > 0 && c.forEach((o) => {
+        var p;
         const l = o.graphic;
-        (f = l.attributes) != null && f.type && s && s(
+        (p = l.attributes) != null && p.type && s && s(
           l.attributes.type,
           l.attributes.id,
           l.attributes,
           t
         );
       });
+    });
+    {
+      let t = 0, n = !1;
+      this.view.on("pointer-move", async (c) => {
+        var f;
+        const h = performance.now();
+        if (!(n || h - t < 100)) {
+          t = h, n = !0;
+          try {
+            const l = (f = (await this.view.hitTest(c)).results) == null ? void 0 : f.some(
+              (L) => L.type === "graphic"
+            ), p = this.view.container;
+            p && (p.style.cursor = l ? "pointer" : "default");
+          } finally {
+            n = !1;
+          }
+        }
+      });
+    }
+    if (this.view.on("pointer-leave", () => {
+      const t = this.view.container;
+      t && (t.style.cursor = "default");
     }), (b = this.mapConfig) != null && b.baseLayers ? this.mapConfig.baseLayers.forEach((t) => {
-      const c = this.processUrl(t.url);
-      let n = null;
+      const n = this.processUrl(t.url);
+      let c = null;
       switch (t.type.toLowerCase()) {
         case "webTile".toLowerCase(): {
-          n = new H({
-            urlTemplate: c,
+          c = new R({
+            urlTemplate: n,
             ...t.options
           });
           break;
         }
         case "tile": {
-          n = new G({
-            url: c,
+          c = new H({
+            url: n,
             ...t.options
           });
           break;
         }
-        case "customWMTS".toLowerCase(): {
-          n = new A({
-            urlTemplate: c,
+        case "customwmts".toLowerCase(): {
+          c = new J({
+            urlTemplate: n,
             ...t.options
           });
           break;
         }
-        case "mapImage".toLowerCase(): {
-          n = new S({
-            url: c,
+        case "mapimage".toLowerCase(): {
+          c = new S({
+            url: n,
             ...t.options
           });
           break;
@@ -154,19 +168,19 @@ class oe {
           break;
         }
         case "feature": {
-          n = new W({ url: c, ...t.options });
+          c = new W({ url: n, ...t.options });
           break;
         }
         case "3dtiles": {
-          n = new I({
-            url: c,
+          c = new G({
+            url: n,
             ...t.options
           });
           break;
         }
         case "wms": {
-          n = new R({
-            url: c,
+          c = new B({
+            url: n,
             ...t.options
           });
           break;
@@ -175,31 +189,31 @@ class oe {
           console.warn(`不支持的图层类型: ${t.type}`);
           break;
       }
-      if (n)
+      if (c)
         if (t.group) {
           let h = r.findLayerById(t.group);
-          h && h.type === "group" ? h.add(n) : (h = new x({
+          h && h.type === "group" ? h.add(c) : (h = new I({
             id: t.group,
             title: t.groupTitle,
             visibilityMode: "inherited",
-            layers: [n],
+            layers: [c],
             visible: t.groupVisible !== !1
           }), r.add(h));
         } else
-          r.add(n);
+          r.add(c);
     }) : r.basemap = new M({
       style: {
         id: "arcgis/light-gray",
         language: "zh-CN"
       }
-    }), (v = this.mapConfig) != null && v.hdLayers) {
+    }), (y = this.mapConfig) != null && y.hdLayers) {
       const t = this.mapConfig.hdLayers.map(
-        (c) => (
+        (n) => (
           // 图层文件为GeoJson格式, renderer和symbol使用autocast配置
-          new z({
-            url: this.processUrl(c.url),
-            ...c.options,
-            title: c.options.id
+          new x({
+            url: this.processUrl(n.url),
+            ...n.options,
+            title: n.options.id
           })
         )
       );
@@ -207,23 +221,23 @@ class oe {
     }
     this.view.ui.remove("attribution"), await this.view.when();
     const g = this.mapConfig.camera;
-    let p;
+    let m;
     if (this.view.type === "2d") {
       let t = this.view.center;
-      this.view.spatialReference.isWebMercator && (t = w.webMercatorToGeographic(
+      this.view.spatialReference.isWebMercator && (t = u.webMercatorToGeographic(
         t
-      )), p = { center: [t.x, t.y], zoom: this.view.zoom };
+      )), m = { center: [t.x, t.y], zoom: this.view.zoom };
     } else {
       let t = this.view.camera.position;
-      this.view.spatialReference.isWebMercator && (t = w.webMercatorToGeographic(
+      this.view.spatialReference.isWebMercator && (t = u.webMercatorToGeographic(
         t
-      )), p = {
+      )), m = {
         position: t,
         heading: this.view.camera.heading,
         tilt: this.view.camera.tilt
       };
     }
-    return g ? g.home = p : this.mapConfig.camera = { home: p }, this.view;
+    return g ? g.home = m : this.mapConfig.camera = { home: m }, this.view;
   }
   setLayerVisibility(e) {
     const { id: i, visible: s } = e, a = this.view.map.findLayerById(i);
@@ -244,19 +258,22 @@ class oe {
           e.target = new T(e.target);
           break;
         case "polyline":
-          e.target = new C(e.target);
+          e.target = new z(e.target);
           break;
         case "polygon":
-          e.target = new P(e.target);
+          e.target = new C(e.target);
           break;
         case "multipoint":
-          e.target = new L(e.target);
+          e.target = new P(e.target);
           break;
       }
       await this.view.goTo(e, { duration: (e.duration || 0) * 1e3 });
     }
     return { status: 0, message: "成功" };
   }
+  setMapZoom(e) {
+    return this.view ? (this.view.zoom = e.zoom, { status: 0, message: "成功" }) : { status: -1, message: "未初始化" };
+  }
   /**
    * 在一定的高度，以一定的角度去观察某个坐标
    * */
@@ -278,8 +295,8 @@ class oe {
         { duration: (e.duration || 2) * 1e3 }
       );
     else {
-      const a = Math.tan(i * Math.PI / 180) * e.height, r = U(
-        E.point(e.center),
+      const a = Math.tan(i * Math.PI / 180) * e.height, r = E(
+        A.point(e.center),
         a,
         s + 180,
         {
@@ -317,8 +334,8 @@ class oe {
     const r = 1e3 / 30, g = k.watch(
       () => this.view.center,
       () => {
-        const p = this.transformPoints(e), m = Date.now();
-        m - s > r && (i(p), s = m);
+        const m = this.transformPoints(e), w = Date.now();
+        w - s > r && (i(m), s = w);
       }
     );
     return this.handleIndex++, this.watchHandleMap.set(this.handleIndex, g), { handle: this.handleIndex, points: this.transformPoints(e) };
@@ -353,5 +370,5 @@ class oe {
   }
 }
 export {
-  oe as default
+  ae as default
 };

package/es/src/gis-map/utils/open-drive-renderer/index.d.ts

@@ -110,7 +110,7 @@ export default class OpenDriveRenderer {
      * @param params
      * @returns
      */
-    selectSumo(params: IFindSumoParams): IResult;
+    selectSumo(params: IFindSumoParams): Promise<IResult>;
     geometrySearch(coordinate: number[][]): Promise<IResult>;
     splitLane(params: ISplitOpenDriveLaneParams): Promise<IResult>;
     clearSplitLane(): void;

package/es/src/gis-map/utils/open-drive-renderer/index.mjs

@@ -4,7 +4,7 @@ import * as $ from "@arcgis/core/core/reactiveUtils.js";
 import { Polygon as S, Point as P } from "@arcgis/core/geometry";
 import * as L from "@arcgis/core/geometry/geometryEngine";
 import D from "@arcgis/core/layers/FeatureLayer";
-import I from "@arcgis/core/layers/GraphicsLayer";
+import w from "@arcgis/core/layers/GraphicsLayer";
 import * as k from "@turf/helpers";
 import { lineSliceAlong as x } from "@turf/line-slice-along";
 import b from "axios";
@@ -289,7 +289,7 @@ class O {
           }
         }
       ]
-    }), this.junctionLayer = new I({ id: "OpenDriveJunction" }), this.sectionLayer = new I({ id: "OpenDriveSection" }), this.highlightLayer = new I({ id: "OpenDriveHighlight" }), this.flashLayer = new I({ id: "OpenDriveFlash" }), this.drawLayer = new I({ id: "Draw" }), this.splitLaneLayer = new I({ id: "SplitLane" }), this.borderLayer = new I({ id: "OpenDriveBorder" }), this.view.map.addMany([
+    }), this.junctionLayer = new w({ id: "OpenDriveJunction" }), this.sectionLayer = new w({ id: "OpenDriveSection" }), this.highlightLayer = new w({ id: "OpenDriveHighlight" }), this.flashLayer = new w({ id: "OpenDriveFlash" }), this.drawLayer = new w({ id: "Draw" }), this.splitLaneLayer = new w({ id: "SplitLane" }), this.borderLayer = new w({ id: "OpenDriveBorder" }), this.view.map.addMany([
       this.laneLayer,
       this.sectionLayer,
       this.roadNameLayer,
@@ -439,7 +439,7 @@ class O {
             const v = Number(u.id);
             if (v === 0)
               continue;
-            const w = u.type, M = [...u.outerPath], A = u.innerPath.concat(
+            const I = u.type, M = [...u.outerPath], A = u.innerPath.concat(
               M.reverse()
             );
             if (A.length <= 3) {
@@ -463,7 +463,7 @@ class O {
                   sectionId: String(d),
                   sectionIndex: m,
                   laneId: v,
-                  type: w,
+                  type: I,
                   sumoId: "",
                   // 记录左右边线的起始点，用于按长度高亮车道的一部分
                   leftLine: u.innerPath,
@@ -904,7 +904,7 @@ class O {
    * @param params
    * @returns
    */
-  selectSumo(e) {
+  async selectSumo(e) {
     switch (e.type) {
       case "junction":
         return this.junctionLayer.graphics.forEach((t) => {
@@ -929,7 +929,7 @@ class O {
             this.selectedSectionIds.includes(a) || this.selectedSectionIds.push(a);
             let n = c.get(a);
             n ? n.push(r.geometry) : (n = [r.geometry], c.set(a, n));
-          }), c.forEach((r, a) => {
+          }), c.forEach(async (r, a) => {
             const n = L.union(r), l = new g({
               geometry: n,
               symbol: {
@@ -948,7 +948,7 @@ class O {
                 selected: !0
               }
             });
-            this.sectionLayer.add(l);
+            this.sectionLayer.add(l), await this.view.goTo(l);
           }), { status: 0, message: "ok" };
         } else
           return { status: -1, message: "未找到路段" };
@@ -1014,11 +1014,11 @@ class O {
     const o = Number(s[1]), i = s[0].split("#"), c = i.length === 2 ? Number(i[1]) : 0;
     let r = i[0];
     r.startsWith("-") && (r = r.slice(1));
-    const a = this.allLaneGraphics.filter((w) => w.getAttribute("roadId") === r && w.getAttribute("sectionIndex") === c);
+    const a = this.allLaneGraphics.filter((I) => I.getAttribute("roadId") === r && I.getAttribute("sectionIndex") === c);
     if (a.length === 0)
       return { status: -1, message: "未找到路段" };
     const n = a.length - o, l = a.find(
-      (w) => Math.abs(w.getAttribute("laneId")) === n
+      (I) => Math.abs(I.getAttribute("laneId")) === n
     );
     if (!l)
       return { status: -1, message: "未找到车道" };

package/es/src/types/index.d.ts

@@ -324,4 +324,6 @@ export interface IShowEdpassDeviceParams {
     deviceState: string;
     mode: string;
     visible: boolean;
+    zdCode?: string;
+    ddCode?: string;
 }