gisviewer-vue3-arcgis 1.0.141 → 1.0.143

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

@@ -1,13 +1,13 @@
-import { defineComponent as ke, ref as y, onMounted as Te, getCurrentInstance as Ae, onUnmounted as De, computed as Ie, openBlock as C, createElementBlock as Le, createElementVNode as p, withDirectives as be, vShow as _e, createBlock as He, unref as xe, createCommentVNode as Me } from "vue";
-import O, { registerStore as Ve } from "./stores/index.mjs";
+import { defineComponent as ke, ref as h, onMounted as Te, getCurrentInstance as Ae, onUnmounted as De, computed as Ie, openBlock as O, createElementBlock as Le, createElementVNode as p, withDirectives as be, vShow as _e, createBlock as He, unref as xe, createCommentVNode as Me } from "vue";
+import k, { registerStore as Ve } from "./stores/index.mjs";
 import "./style/index.css";
 import Be from "./utils/components/sketch-tool.vue.mjs";
 import Ne from "./utils/holo-flow/index.mjs";
 import ze from "./utils/map-initializer.mjs";
-import k from "./utils/open-drive-renderer/index.mjs";
+import T from "./utils/open-drive-renderer/index.mjs";
 import Qe from "./utils/overlay.mjs";
 import je from "./utils/queue-length.mjs";
-import T from "./utils/road-config-tool/index.mjs";
+import A from "./utils/road-config-tool/index.mjs";
 import Pe from "./utils/signal-control-area-controller/index.mjs";
 import Ee from "./utils/traffic-flow.mjs";
 const Fe = { class: "gis-viewer" }, Re = { style: { position: "absolute", bottom: "10px", left: "10px" } }, at = /* @__PURE__ */ ke({
@@ -17,33 +17,33 @@ const Fe = { class: "gis-viewer" }, Re = { style: { position: "absolute", bottom
     assetsRoot: {}
   },
   emits: ["mapLoaded", "markerClick", "mapClick"],
-  setup(A, { expose: D, emit: I }) {
-    const g = y(null);
-    let s, c, i, n, a, o, u, t, r;
-    const f = y(!1), L = y(!1);
+  setup(D, { expose: I, emit: L }) {
+    const g = h(null);
+    let s, c, i, n, a, r, u, t, o;
+    const f = h(!1), w = h(!1);
     Te(async () => {
       if (Ve(), !g.value)
         return;
       document.addEventListener("keydown", (m) => {
         m.ctrlKey && m.key === "i" && (f.value = !f.value);
       });
-      const e = Ae(), { $gisviewerAssetsRoot: l } = e.appContext.config.globalProperties, S = await (await fetch(h.config)).json();
-      S.assetsRoot = h.assetsRoot || l;
-      const Ce = O.useAppDataStore;
-      Ce.mapConfig = S, c = new ze(), s = await c.initialize({
+      const e = Ae(), { $gisviewerAssetsRoot: l } = e.appContext.config.globalProperties, C = await (await fetch(S.config)).json();
+      C.assetsRoot = S.assetsRoot || l;
+      const Ce = k.useAppDataStore;
+      Ce.mapConfig = C, c = new ze(), s = await c.initialize({
         container: g.value,
-        markerClickCallback: (m, v, d, Oe) => {
-          w("markerClick", m, v, d, Oe);
+        markerClickCallback: (m, d, y, Oe) => {
+          v("markerClick", m, d, y, Oe);
         },
-        mapClickCallback: (m, v, d) => {
-          w("mapClick", m, v, d);
+        mapClickCallback: (m, d, y) => {
+          v("mapClick", m, d, y);
         }
-      }), a = new Ne(s), await a.init(), w("mapLoaded");
+      }), a = new Ne(s), await a.init(), v("mapLoaded");
     }), De(() => {
-      r == null || r.clearSignalControlArea(), t == null || t.clearOpenDrive(), a == null || a.clearHoloTrace(), a == null || a.clearHoloSignal(), n == null || n.disconnectTrafficFlow();
+      o == null || o.clearSignalControlArea(), t == null || t.clearOpenDrive(), a == null || a.clearHoloTrace(), a == null || a.clearHoloSignal(), n == null || n.disconnectTrafficFlow();
     });
     const b = Ie(() => s), _ = () => {
-      const e = O.useAppDataStore;
+      const e = k.useAppDataStore;
       e.saveTrackLog = !0;
     }, H = () => {
       a.downloadTrackLog();
@@ -51,9 +51,9 @@ const Fe = { class: "gis-viewer" }, Re = { style: { position: "absolute", bottom
       c.cancelCoordinateTransform(e);
     }, Q = (e) => {
       c.setMapZoomRange(e);
-    }, j = (e) => (i || (i = new T(s)), i.showLaneNumber(e)), P = () => {
+    }, j = (e) => (i || (i = new A(s)), i.showLaneNumber(e)), P = () => {
       i == null || i.clearLaneNumber();
-    }, E = async (e) => (i || (i = new T(s)), await i.initializeSearch(e)), F = async () => i == null ? void 0 : i.calCrossIndicatorArea(), R = async () => {
+    }, E = async (e) => (i || (i = new A(s)), await i.initializeSearch(e)), F = async () => i == null ? void 0 : i.calCrossIndicatorArea(), R = async () => {
     }, Z = async (e, l) => {
       n || (n = new Ee(s)), n.connectTrafficFlow(e, l);
     }, q = () => {
@@ -76,13 +76,13 @@ const Fe = { class: "gis-viewer" }, Re = { style: { position: "absolute", bottom
       n == null || n.toggleTrafficObject(e), a.toggleTrafficObject(e);
     }, ee = (e) => {
       a.updatePanelContent(e);
-    }, te = async (e) => (o || (o = new Qe(s)), o.addOverlays(e)), ae = (e) => o == null ? void 0 : o.removeOverlaysByType(e), ne = (e) => o == null ? void 0 : o.removeOverlaysById(e), oe = () => o == null ? void 0 : o.removeAllOverlays(), re = () => {
-      o == null || o.showAllOverlays();
+    }, te = async (e) => (r || (r = new Qe(s)), r.addOverlays(e)), ae = (e) => r == null ? void 0 : r.removeOverlaysByType(e), ne = (e) => r == null ? void 0 : r.removeOverlaysById(e), re = () => r == null ? void 0 : r.removeAllOverlays(), oe = () => {
+      r == null || r.showAllOverlays();
     }, se = (e) => {
       u || (u = new je(s)), u.updateQueueLength(e);
     }, ie = () => {
       u == null || u.removeQueueLength();
-    }, ce = async (e, l) => (t || (t = new k(s)), await t.showOpenDriveFromServer(e, l)), le = async (e) => (t || (t = new k(s)), await t.clearOpenDrive(), await t.showOpenDriveFromFile(e)), ue = async () => await (t == null ? void 0 : t.clearOpenDrive()), me = async (e) => t ? await (t == null ? void 0 : t.findSumo(e)) : {
+    }, ce = async (e, l) => (t || (t = new T(s)), await t.showOpenDriveFromServer(e, l)), le = async (e) => (t || (t = new T(s)), await t.clearOpenDrive(), w.value = !0, await t.showOpenDriveFromFile(e)), ue = async () => (w.value = !1, await (t == null ? void 0 : t.clearOpenDrive())), me = async (e) => t ? await (t == null ? void 0 : t.findSumo(e)) : {
       status: -1,
       message: "未加载OpenDrive地图"
     }, pe = async (e) => t ? t.selectSumo(e) : {
@@ -97,10 +97,10 @@ const Fe = { class: "gis-viewer" }, Re = { style: { position: "absolute", bottom
     }, we = async (e) => t ? await (t == null ? void 0 : t.splitLane(e)) : {
       status: -1,
       message: "未加载OpenDrive地图"
-    }, ve = (e) => (r || (r = new Pe(s)), r.showSignalControlArea(e)), de = () => {
-      r == null || r.clearSignalControlArea();
-    }, ye = async (e) => r ? await r.locateSignalControlArea(e) : { status: -1, message: "未加载信号控制区" }, he = async (e) => r ? await r.highlightSignalControlArea(e) : { status: -1, message: "未加载信号控制区" }, Se = () => r ? r.resetHighlight() : { status: -1, message: "未加载信号控制区" }, h = A, w = I;
-    return D({
+    }, ve = (e) => (o || (o = new Pe(s)), o.showSignalControlArea(e)), de = () => {
+      o == null || o.clearSignalControlArea();
+    }, ye = async (e) => o ? await o.locateSignalControlArea(e) : { status: -1, message: "未加载信号控制区" }, he = async (e) => o ? await o.highlightSignalControlArea(e) : { status: -1, message: "未加载信号控制区" }, Se = () => o ? o.resetHighlight() : { status: -1, message: "未加载信号控制区" }, S = D, v = L;
+    return I({
       mapViewer: b,
       setLayerVisibility: B,
       setMapCenter: x,
@@ -110,10 +110,10 @@ const Fe = { class: "gis-viewer" }, Re = { style: { position: "absolute", bottom
       requestCoordinateTransform: N,
       cancelCoordinateTransform: z,
       addOverlays: te,
-      showAllOverlays: re,
+      showAllOverlays: oe,
       removeOverlaysByType: ae,
       removeOverlaysById: ne,
-      removeAllOverlays: oe,
+      removeAllOverlays: re,
       showLaneNumber: j,
       clearLaneNumber: P,
       initializeAreaTool: E,
@@ -145,7 +145,7 @@ const Fe = { class: "gis-viewer" }, Re = { style: { position: "absolute", bottom
       locateSignalControlArea: ye,
       highlightSignalControlArea: he,
       resetHighlightSignalControlArea: Se
-    }), (e, l) => (C(), Le("div", Fe, [
+    }), (e, l) => (O(), Le("div", Fe, [
       p("div", {
         class: "gis-viewer-main",
         ref_key: "mapContainer",
@@ -160,7 +160,7 @@ const Fe = { class: "gis-viewer" }, Re = { style: { position: "absolute", bottom
         ], 512), [
           [_e, f.value]
         ]),
-        L.value ? (C(), He(Be, {
+        w.value ? (O(), He(Be, {
           key: 0,
           view: xe(s)
         }, null, 8, ["view"])) : Me("", !0)

package/es/src/gis-map/utils/components/sketch-tool.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./sketch-tool.vue2.mjs";
 import "./sketch-tool.vue3.mjs";
 import t from "../../../../_virtual/_plugin-vue_export-helper.mjs";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ac0f5d06"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f302a42f"]]);
 export {
-  f as default
+  m as default
 };

package/es/src/gis-map/utils/components/sketch-tool.vue2.mjs

@@ -1,7 +1,7 @@
 import { defineComponent as a, onMounted as m, onUnmounted as p, openBlock as u, createElementBlock as d, createElementVNode as n } from "vue";
 import g from "@arcgis/core/layers/GraphicsLayer";
-import k from "@arcgis/core/widgets/Sketch/SketchViewModel";
-const y = { class: "gisviewer-sketch-tool gisviewer-sketch-tool-position" }, _ = /* @__PURE__ */ a({
+import y from "@arcgis/core/widgets/Sketch/SketchViewModel";
+const k = { class: "gisviewer-sketch-tool gisviewer-sketch-tool-position" }, _ = /* @__PURE__ */ a({
   __name: "sketch-tool",
   props: {
     view: {}
@@ -11,7 +11,7 @@ const y = { class: "gisviewer-sketch-tool gisviewer-sketch-tool-position" }, _ =
     let o;
     m(() => {
       const e = new g();
-      c.view.map.add(e), o = new k({
+      c.view.map.add(e), o = new y({
         layer: e,
         view: c.view
       });
@@ -19,26 +19,26 @@ const y = { class: "gisviewer-sketch-tool gisviewer-sketch-tool-position" }, _ =
       o.destroy();
     });
     const i = () => {
-    }, s = (e) => {
-      var r;
+    }, r = (e) => {
+      var s;
       console.log(e);
-      const t = (r = e.target) == null ? void 0 : r.value;
+      const t = (s = e.target) == null ? void 0 : s.value;
       console.log(t), o.create(t);
     };
-    return (e, t) => (u(), d("div", y, [
+    return (e, t) => (u(), d("div", k, [
       n("button", {
         class: "esri-icon-pan geometry-button",
         onClick: i
       }),
       n("button", {
-        class: "esri-icon-checkbox-unchecked geometry-button",
+        class: "esri-icon-cursor geometry-button",
         value: "rectangle",
-        onClick: s
+        onClick: r
       }),
       n("button", {
         class: "esri-icon-polygon geometry-button",
         value: "polygon",
-        onClick: s
+        onClick: r
       })
     ]));
   }

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

@@ -1,7 +1,7 @@
 import b from "@arcgis/core/Basemap";
 import g from "@arcgis/core/config";
 import * as M from "@arcgis/core/core/reactiveUtils";
-import { Polygon as P, Polyline as W, Point as T } from "@arcgis/core/geometry";
+import { Polygon as k, Polyline as W, Point as T } from "@arcgis/core/geometry";
 import * as f from "@arcgis/core/geometry/support/webMercatorUtils";
 import z from "@arcgis/core/layers/GeoJSONLayer";
 import x from "@arcgis/core/layers/TileLayer";
@@ -13,7 +13,7 @@ import H from "@turf/destination";
 import * as I from "@turf/helpers";
 import O from "../stores/index.mjs";
 import G from "./custom-layer/custom-wmts-layer.mjs";
-function k(l, e) {
+function P(l, e) {
   return l && (l.startsWith("http://") || l.startsWith("https://") ? l : e + l);
 }
 class F {
@@ -95,7 +95,7 @@ class F {
         );
       });
     }), t != null && t.baseLayers ? t.baseLayers.forEach((s) => {
-      const h = k(s.url, t.assetsRoot);
+      const h = P(s.url, t.assetsRoot);
       switch (s.type.toLowerCase()) {
         case "webTile".toLowerCase(): {
           const c = new L({
@@ -129,7 +129,7 @@ class F {
       }
     }) : n.basemap = new b({
       style: {
-        id: "arcgis/dark-gray",
+        id: "arcgis/light-gray",
         language: "zh-CN"
       }
     }), t != null && t.hdLayers) {
@@ -137,7 +137,7 @@ class F {
         (h) => (
           // 图层文件为GeoJson格式, renderer和symbol使用autocast配置
           new z({
-            url: k(h.url, t.assetsRoot),
+            url: P(h.url, t.assetsRoot),
             ...h.options,
             title: h.options.id
           })
@@ -187,7 +187,7 @@ class F {
           e.target = new W(e.target);
           break;
         case "polygon":
-          e.target = new P(e.target);
+          e.target = new k(e.target);
           break;
       }
       await this.view.goTo(e, { duration: (e.duration || 0) * 1e3 });

package/es/src/gis-map/utils/signal-control-area-controller/index.mjs

@@ -1,10 +1,10 @@
-import * as p from "@arcgis/core/core/reactiveUtils.js";
+import * as g from "@arcgis/core/core/reactiveUtils.js";
 import y from "@arcgis/core/Graphic";
 import o from "@arcgis/core/layers/GraphicsLayer";
-import g from "@turf/buffer";
-import d from "@turf/concave";
-import f from "@turf/convex";
-import * as n from "@turf/helpers";
+import d from "@turf/buffer";
+import f from "@turf/concave";
+import m from "@turf/convex";
+import * as h from "@turf/helpers";
 import b from "./district-controller.mjs";
 class x {
   constructor(e) {
@@ -36,13 +36,13 @@ class x {
   showSignalControlArea(e) {
     this.districtControllerLayer.removeAll(), this.subDistrictControllerLayer.removeAll(), this.crossLayer.removeAll(), this.highlightLayer.removeAll(), this.districtControllerLayer.visible = !0, this.subDistrictControllerLayer.visible = !0;
     for (const t of e) {
-      const i = new b(t);
-      this.drawArea(i, !0);
+      const r = new b(t);
+      this.drawArea(r, !0);
     }
-    return this.watchHandle = p.watch(
+    return this.watchHandle = g.watch(
       () => this.view.scale,
-      (t, i) => {
-        t > this.crossScale && i <= this.crossScale ? (this.crossLayer.graphics.forEach((s) => {
+      (t, r) => {
+        t > this.crossScale && r <= this.crossScale ? (this.crossLayer.graphics.forEach((s) => {
           s.symbol = this.getCrossGraphicSymbol(
             s.attributes,
             "marker"
@@ -52,7 +52,7 @@ class x {
             s.attributes,
             "marker"
           ));
-        })) : t <= this.crossScale && i > this.crossScale && (this.crossLayer.graphics.forEach((s) => {
+        })) : t <= this.crossScale && r > this.crossScale && (this.crossLayer.graphics.forEach((s) => {
           s.symbol = this.getCrossGraphicSymbol(
             s.attributes,
             "picture"
@@ -86,12 +86,12 @@ class x {
   }
   async highlightSignalControlArea(e) {
     this.highlightLayer.removeAll(), this.districtControllerLayer.visible = !1, this.subDistrictControllerLayer.visible = !1, this.crossLayer.visible = !1;
-    const t = this.districtControllerLayer.graphics.filter((r) => r.getAttribute("id") === e.id).toArray().map((r) => r.clone()), i = this.subDistrictControllerLayer.graphics.filter(
-      (r) => r.getAttribute("id") === e.id || r.getAttribute("parentId") === e.id
-    ).toArray().map((r) => r.clone()), s = this.crossLayer.graphics.filter(
-      (r) => r.getAttribute("id") === e.id || r.getAttribute("districtId") === e.id || r.getAttribute("subDistrictId") === e.id
-    ).toArray().map((r) => r.clone());
-    return t.length > 0 && this.highlightLayer.addMany(t), i.length > 0 && (this.highlightLayer.addMany(i), this.showPopup(i[0])), s.length > 0 && this.highlightLayer.addMany(s), this.highlightLayer.graphics.length === 0 ? { status: 1, message: "未找到" } : (t.length > 0 ? (await this.view.goTo(t), this.showPopup(t[0])) : i.length > 0 ? (await this.view.goTo(i), this.showPopup(i[0])) : (s.length > 1 ? await this.view.goTo(s) : await this.view.goTo({
+    const t = this.districtControllerLayer.graphics.filter((i) => i.getAttribute("id") === e.id).toArray().map((i) => i.clone()), r = this.subDistrictControllerLayer.graphics.filter(
+      (i) => i.getAttribute("id") === e.id || i.getAttribute("parentId") === e.id
+    ).toArray().map((i) => i.clone()), s = this.crossLayer.graphics.filter(
+      (i) => i.getAttribute("id") === e.id || i.getAttribute("districtId") === e.id || i.getAttribute("subDistrictId") === e.id
+    ).toArray().map((i) => i.clone());
+    return t.length > 0 && this.highlightLayer.addMany(t), r.length > 0 && (this.highlightLayer.addMany(r), this.showPopup(r[0])), s.length > 0 && this.highlightLayer.addMany(s), this.highlightLayer.graphics.length === 0 ? { status: 1, message: "未找到" } : (t.length > 0 ? (await this.view.goTo(t), this.showPopup(t[0])) : r.length > 0 ? (await this.view.goTo(r), this.showPopup(r[0])) : (s.length > 1 ? await this.view.goTo(s) : await this.view.goTo({
       target: s[0].geometry,
       scale: 1500
     }), this.showPopup(s[0])), { status: 0, message: "ok" });
@@ -106,11 +106,11 @@ class x {
    */
   findAreaGraphic(e) {
     let t = this.districtControllerLayer.graphics.find(
-      (i) => i.attributes.id === e
+      (r) => r.attributes.id === e
     );
     return t || (t = this.subDistrictControllerLayer.graphics.find(
-      (i) => i.attributes.id === e
-    )), t || (t = this.crossLayer.graphics.find((i) => i.attributes.id === e)), t;
+      (r) => r.attributes.id === e
+    )), t || (t = this.crossLayer.graphics.find((r) => r.attributes.id === e)), t;
   }
   /**
    * 绘制区控与子区
@@ -119,23 +119,23 @@ class x {
    * @returns
    */
   drawArea(e, t) {
-    const i = e.getAllCrossCoordinates();
-    if (i.length >= 2) {
-      let r = null;
-      if (i.length === 2)
-        r = n.lineString(i);
-      else if (i.length > 2) {
-        const c = n.featureCollection(
-          i.map((u) => n.point(u))
+    const r = e.getAllCrossCoordinates();
+    if (r.length >= 2) {
+      let i = null;
+      if (r.length === 2)
+        i = h.lineString(r);
+      else if (r.length > 2) {
+        const n = h.featureCollection(
+          r.map((p) => h.point(p))
         );
-        r = d(c, { maxEdge: 400, units: "meters" }), r || (r = f(c));
+        t ? i = m(n) : (i = f(n, { maxEdge: 400, units: "meters" }), i || (i = m(n)));
       }
-      if (!r) {
+      if (!i) {
         console.log("生成区控面失败", e);
         return;
       }
-      const a = g(
-        r.geometry,
+      const a = d(
+        i.geometry,
         // 区控面积更大，需要更大的缓冲半径
         t ? 200 : 30,
         {
@@ -166,7 +166,7 @@ class x {
           label: "路口数量"
         }
       ];
-      const m = {
+      const u = {
         type: "signalControlArea",
         id: e.id,
         name: e.name,
@@ -174,7 +174,7 @@ class x {
         parentName: e.parentName,
         crossCount: e.crossCount,
         subDistrictCount: e.subDistrictCount
-      }, h = new y({
+      }, c = new y({
         geometry: {
           type: "polygon",
           rings: a.geometry.coordinates
@@ -188,7 +188,7 @@ class x {
             style: t ? "solid" : "long-dash"
           }
         },
-        attributes: m,
+        attributes: u,
         popupTemplate: {
           title: `${t ? "区控" : "子区"}  ${e.name}`,
           content: [
@@ -199,33 +199,33 @@ class x {
           ]
         }
       });
-      t ? this.districtControllerLayer.add(h) : this.subDistrictControllerLayer.add(h);
+      t ? this.districtControllerLayer.add(c) : this.subDistrictControllerLayer.add(c);
     }
-    for (const r of e.subDistricts)
-      this.drawArea(r, !1);
-    const s = e.crosses.map((r) => {
+    for (const i of e.subDistricts)
+      this.drawArea(i, !1);
+    const s = e.crosses.map((i) => {
       const a = {
         type: "cross",
-        id: r.id,
-        name: r.name,
+        id: i.id,
+        name: i.name,
         color: e.areaColor,
-        signalId: r.signalId,
+        signalId: i.signalId,
         districtId: t ? e.id : e.parentId,
         districtName: t ? e.name : e.parentName,
         subDistrictId: t ? "" : e.id,
         subDistrictName: t ? "" : e.name,
-        isKey: r.isKey
+        isKey: i.isKey
       };
       return new y({
         geometry: {
           type: "point",
-          x: r.longitude,
-          y: r.latitude
+          x: i.longitude,
+          y: i.latitude
         },
         symbol: this.getCrossGraphicSymbol(a, "marker"),
         attributes: a,
         popupTemplate: {
-          title: r.name,
+          title: i.name,
           content: [
             {
               type: "fields",
@@ -261,16 +261,16 @@ class x {
    * @returns
    */
   getCrossGraphicSymbol(e, t) {
-    const { isKey: i, color: s } = e;
+    const { isKey: r, color: s } = e;
     if (t === "marker")
       return {
         type: "simple-marker",
-        style: i ? "diamond" : "circle",
+        style: r ? "diamond" : "circle",
         color: s,
-        size: i ? 16 : 8,
+        size: r ? 16 : 8,
         outline: {
-          color: i ? "red" : "white",
-          width: i ? 2 : 1
+          color: r ? "red" : "white",
+          width: r ? 2 : 1
         }
       };
     if (t === "picture")
@@ -285,7 +285,7 @@ class x {
           type: "CIMSymbolReference",
           primitiveOverrides: [
             {
-              // 将textGraphic的TextString替换为graphic.attributes.showName
+              // 将textGraphic的TextString替换为graphic.attributes.name
               type: "CIMPrimitiveOverride",
               primitiveName: "textGraphic",
               propertyName: "TextString",
@@ -300,7 +300,7 @@ class x {
           symbol: {
             type: "CIMPointSymbol",
             symbolLayers: [
-              // 车辆号牌
+              // 路口名称
               {
                 type: "CIMVectorMarker",
                 size: 32,
@@ -317,7 +317,7 @@ class x {
                       height: 12,
                       horizontalAlignment: "Center",
                       offsetX: 0,
-                      offsetY: i ? 30 : 22,
+                      offsetY: r ? 30 : 22,
                       haloSize: 1,
                       haloSymbol: {
                         type: "CIMPolygonSymbol",
@@ -347,7 +347,7 @@ class x {
                 scaleSymbolsProportionally: !0,
                 respectFrame: !0
               },
-              // 车辆图标
+              // 路口图标
               {
                 type: "CIMPictureMarker",
                 enable: !0,
@@ -356,10 +356,10 @@ class x {
                   y: 0
                 },
                 anchorPointUnits: "Relative",
-                size: i ? 45 : 30,
+                size: r ? 45 : 30,
                 rotateClockwise: !0,
                 textureFilter: "Picture",
-                url: `/GisViewerAssets/Images/xhj_${i ? 4 : 1}.png`
+                url: `/GisViewerAssets/Images/xhj_${r ? 4 : 1}.png`
               }
             ]
           }

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

@@ -1,9 +1,9 @@
+import Graphic from '@arcgis/core/Graphic';
 import GraphicsLayer from '@arcgis/core/layers/GraphicsLayer';
 import MapView from '@arcgis/core/views/MapView';
 import SceneView from '@arcgis/core/views/SceneView';
-import SketchViewModel from '@arcgis/core/widgets/Sketch/SketchViewModel';
 import Sketch from '@arcgis/core/widgets/Sketch';
-import Graphic from '@arcgis/core/Graphic';
+import SketchViewModel from '@arcgis/core/widgets/Sketch/SketchViewModel';
 interface sketchViewOptions {
     /**
      * 最大允许绘制的图形数量
@@ -16,7 +16,7 @@ interface sketchViewOptions {
     /**
      * 绘制工具显示的元素
      */
-    sketchvisibleElements?: {};
+    sketchVisibleElements?: {};
     /**
      * 绘制工具显示的位置
      */
@@ -27,7 +27,7 @@ interface sketchViewOptions {
      * @type {boolean}
      * @memberof sketchViewOptions
      */
-    defaultsketchVisible?: boolean;
+    defaultSketchVisible?: boolean;
     sketchViewModelItemSymbol?: {
         polylineSymbol?: any;
         polygonSymbol?: any;
@@ -42,7 +42,7 @@ declare type LinearUnits = 'meters' | 'feet' | 'kilometers' | 'miles' | 'nautica
 export default class SketchView {
     private viewer;
     graphicsLayer: GraphicsLayer;
-    TextgraphicsLayer: GraphicsLayer;
+    TextGraphicsLayer: GraphicsLayer;
     sketchViewModel: SketchViewModel;
     sketch: Sketch;
     options: sketchViewOptions;
@@ -74,10 +74,10 @@ export default class SketchView {
      * @returns
      * @memberof SketchView
      */
-    inintSectionArea(data: any, reverse?: boolean): any;
+    initSectionArea(data: any, reverse?: boolean): any;
     createPolylineGraphic(paths: any, lineSymbol: any, attributes: any): Graphic;
     createPolygonGraphic(rings: any, lineSymbol: any, attributes: any): Graphic;
-    on(callcack?: (type: string, points: any, event?: any) => void): void;
+    on(callback?: (type: string, points: any, event?: any) => void): void;
     /**
      * 获取当前绘制的计算区域
      * @returns
@@ -105,7 +105,7 @@ export default class SketchView {
                 attributes: any;
             };
         };
-        rawdata: {
+        rawData: {
             point: any;
             type: string;
             attributes: any;
@@ -115,7 +115,7 @@ export default class SketchView {
      * 获取进口道所在的进口道编号
      *
      * @param {armData} armData 进口道编号区域
-     * @param {*} graphicPpolygon 绘制的区域
+     * @param {*} graphicPolygon 绘制的区域
      * @returns
      * @memberof SketchView
      */
@@ -126,7 +126,7 @@ export default class SketchView {
      *
      * @private
      * @param {*} geometry
-     * @param {boolean} [isfilterData=true] 是否过滤首尾相同点数据
+     * @param {boolean} [isFilterData=true] 是否过滤首尾相同点数据
      * @returns
      * @memberof SketchView
      */
@@ -152,7 +152,7 @@ export default class SketchView {
      * @returns
      * @memberof SketchView
      */
-    getshiftLine(lineGeometry: __esri.Geometry, distance: number, offsetUnit?: LinearUnits): __esri.Geometry | __esri.Geometry[];
+    getShiftLine(lineGeometry: __esri.Geometry, distance: number, offsetUnit?: LinearUnits): __esri.Geometry | __esri.Geometry[];
     /**
      * 设置线的平移
      *
@@ -161,7 +161,7 @@ export default class SketchView {
      * @param {*} symbol 线的样式
      * @memberof SketchView
      */
-    setshiftLine(distance: number, offsetUnit?: LinearUnits, symbol?: any): void;
+    setShiftLine(distance: number, offsetUnit?: LinearUnits, symbol?: any): void;
     /**
      * 移除平移线
      *
@@ -173,7 +173,7 @@ export default class SketchView {
      *
      * @memberof SketchView
      */
-    removedraw(): void;
+    removeDraw(): void;
     addGraphic(geometry: any, symbol?: any, attributes?: any): void;
     /**
      * 获取方向
@@ -202,7 +202,7 @@ export default class SketchView {
      *  设置最大允许绘制的图形数量
      * @param num  数量
      */
-    setmaxAllowedGraphics(num: number): void;
+    setMaxAllowedGraphics(num: number): void;
     deepClone(obj: any): void;
     destroy(): void;
 }