gisviewer-vue3-arcgis 1.0.149 → 1.0.151

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

@@ -1,19 +1,19 @@
-import b from "@arcgis/core/Basemap";
+import y from "@arcgis/core/Basemap";
 import g from "@arcgis/core/config";
 import * as M from "@arcgis/core/core/reactiveUtils";
-import { Polygon as k, Polyline as W, Point as T } from "@arcgis/core/geometry";
+import { Polygon as P, 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 x from "@arcgis/core/layers/TileLayer";
 import L from "@arcgis/core/layers/WebTileLayer";
 import S from "@arcgis/core/Map";
-import R from "@arcgis/core/views/MapView";
-import C from "@arcgis/core/views/SceneView";
-import H from "@turf/destination";
-import * as I from "@turf/helpers";
-import O from "../stores/index.mjs";
+import O from "@arcgis/core/views/MapView";
+import R from "@arcgis/core/views/SceneView";
+import C from "@turf/destination";
+import * as H from "@turf/helpers";
+import I from "../stores/index.mjs";
 import G from "./custom-layer/custom-wmts-layer.mjs";
-function P(l, e) {
+function T(l, e) {
   return l && (l.startsWith("http://") || l.startsWith("https://") ? l : e + l);
 }
 class F {
@@ -26,16 +26,16 @@ class F {
    * @returns view
    */
   async initialize(e) {
-    const i = O.useAppDataStore, t = JSON.parse(JSON.stringify(i.mapConfig));
+    const i = I.useAppDataStore, t = JSON.parse(JSON.stringify(i.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 n = new S();
-    if ((t == null ? void 0 : t.mapOptions.mode.toLowerCase()) === "2d" ? this.view = new R({
+    if ((t == null ? void 0 : t.mapOptions.mode.toLowerCase()) === "2d" ? this.view = new O({
       map: n,
       container: a,
       ...t.mapOptions
-    }) : this.view = new C({
+    }) : this.view = new R({
       map: n,
       container: a,
       environment: {
@@ -45,8 +45,16 @@ class F {
         }
       },
       ...t == null ? void 0 : t.mapOptions
-    }), this.view.on("click", async (s) => {
-      var y, v;
+    }), this.view.popup.visibleElements = {
+      closeButton: !0,
+      collapseButton: !1,
+      actionBar: !1,
+      featureNavigation: !1
+    }, this.view.popup.dockOptions = {
+      buttonEnabled: !1,
+      breakpoint: !1
+    }, this.view.on("click", async (s) => {
+      var v, b;
       if (d) {
         let o = s.mapPoint;
         o.spatialReference.isWebMercator && (o = f.webMercatorToGeographic(
@@ -60,14 +68,14 @@ class F {
       if (this.view.type === "3d") {
         const o = this.view.camera;
         if (this.view.spatialReference.isWebMercator) {
-          const m = f.webMercatorToGeographic(
+          const p = f.webMercatorToGeographic(
             o.position
           ), w = {
             heading: o.heading,
             tilt: o.tilt,
-            position: m.toJSON()
+            position: p.toJSON()
           };
-          console.log(w), (y = navigator.clipboard) == null || y.writeText(JSON.stringify(w));
+          console.log(w), (v = navigator.clipboard) == null || v.writeText(JSON.stringify(w));
         } else
           console.log(o.toJSON());
         console.log(this.view.zoom, this.view.scale);
@@ -81,21 +89,21 @@ class F {
           scale: this.view.scale
         });
       }
-      const c = (v = (await this.view.hitTest(s)).results) == null ? void 0 : v.filter(
+      const c = (b = (await this.view.hitTest(s)).results) == null ? void 0 : b.filter(
         (o) => o.type === "graphic"
       );
       c.length > 0 && c.forEach((o) => {
         var w;
-        const m = o.graphic;
-        (w = m.attributes) != null && w.type && r && r(
-          m.attributes.type,
-          m.attributes.id,
-          m.attributes,
+        const p = o.graphic;
+        (w = p.attributes) != null && w.type && r && r(
+          p.attributes.type,
+          p.attributes.id,
+          p.attributes,
           s
         );
       });
     }), t != null && t.baseLayers ? t.baseLayers.forEach((s) => {
-      const h = P(s.url, t.assetsRoot);
+      const h = T(s.url, t.assetsRoot);
       switch (s.type.toLowerCase()) {
         case "webTile".toLowerCase(): {
           const c = new L({
@@ -122,12 +130,12 @@ class F {
           break;
         }
         case "arcgis": {
-          const c = new b(s.options);
+          const c = new y(s.options);
           n.basemap = c;
           break;
         }
       }
-    }) : n.basemap = new b({
+    }) : n.basemap = new y({
       style: {
         id: "arcgis/light-gray",
         language: "zh-CN"
@@ -137,7 +145,7 @@ class F {
         (h) => (
           // 图层文件为GeoJson格式, renderer和symbol使用autocast配置
           new z({
-            url: P(h.url, t.assetsRoot),
+            url: T(h.url, t.assetsRoot),
             ...h.options,
             title: h.options.id
           })
@@ -146,7 +154,7 @@ class F {
       n.addMany(s);
     }
     this.view.ui.remove("attribution"), this.view.ui.add("compass", "top-left"), await this.view.when();
-    const p = this.mapConfig.camera;
+    const m = this.mapConfig.camera;
     let u;
     if (this.view.type === "2d") {
       let s = this.view.center;
@@ -163,7 +171,7 @@ class F {
         tilt: this.view.camera.tilt
       };
     }
-    return p ? p.home = u : this.mapConfig.camera = { home: u }, this.view;
+    return m ? m.home = u : this.mapConfig.camera = { home: u }, this.view;
   }
   setLayerVisibility(e) {
     const { id: i, visible: t } = e, a = this.view.map.findLayerById(i);
@@ -181,13 +189,13 @@ class F {
     if (e.center || e.target) {
       switch ((i = e.target) == null ? void 0 : i.type) {
         case "point":
-          e.target = new T(e.target);
+          e.target = new k(e.target);
           break;
         case "polyline":
           e.target = new W(e.target);
           break;
         case "polygon":
-          e.target = new k(e.target);
+          e.target = new P(e.target);
           break;
       }
       await this.view.goTo(e, { duration: (e.duration || 0) * 1e3 });
@@ -215,8 +223,8 @@ class F {
         { duration: (e.duration || 2) * 1e3 }
       );
     else {
-      const a = Math.tan(i * Math.PI / 180) * e.height, r = H(
-        I.point(e.center),
+      const a = Math.tan(i * Math.PI / 180) * e.height, r = C(
+        H.point(e.center),
         a,
         t + 180,
         {
@@ -254,15 +262,15 @@ class F {
     const r = 1e3 / 30, d = M.watch(
       () => this.view.center,
       () => {
-        const n = this.transformPoints(e), p = Date.now();
-        p - t > r && (i(n), t = p);
+        const n = this.transformPoints(e), m = Date.now();
+        m - t > r && (i(n), t = m);
       }
     );
     return this.handleIndex++, this.watchHandleMap.set(this.handleIndex, d), { handle: this.handleIndex, points: this.transformPoints(e) };
   }
   transformPoints(e) {
     return e.map((i) => {
-      const t = new T({
+      const t = new k({
         x: i[0],
         y: i[1]
       }), a = this.view.toScreen(t);

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

@@ -48,9 +48,9 @@ export default class OpenDriveRenderer {
      */
     private showJunction;
     private currentSectionCode;
+    private selectedSectionIds;
     private currentJunctionId;
     private hitGraphic;
-    private highlightGraphic;
     /**
      * 监听鼠标移动事件，高亮显示鼠标所在路段和路口
      */