gisviewer-vue3-arcgis 1.0.88 → 1.0.90

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

@@ -1,6 +1,6 @@
 import MapView from '@arcgis/core/views/MapView';
 import SceneView from '@arcgis/core/views/SceneView';
-import { ILaneNumberParams, ILookAtParams, IOverlayParam, IQueueLengthParams, ISetMapCameraParams, ISetMapCenterParams, IStartCrossBufferParam } from '../types';
+import { ILaneNumberParams, ILayerVisibleParams, ILookAtParams, IOverlayParam, IQueueLengthParams, ISetMapCameraParams, ISetMapCenterParams, IStartCrossBufferParam } from '../types';
 import HoloFlow from './utils/holo-flow';
 import MapInitializer from './utils/map-initializer';
 import OpenDriveRenderer from './utils/open-drive-renderer';
@@ -18,7 +18,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
 }, {
-    mapContainer: any;
+    mapContainer: import("vue").Ref<any>;
     view: MapView | SceneView;
     mapInitializer: MapInitializer;
     roadConfigTool: RoadConfigTool;
@@ -31,6 +31,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     setMapCenter: (params: ISetMapCenterParams) => Promise<import("../types").IResult>;
     setMapCamera: (params: ISetMapCameraParams) => Promise<import("../types").IResult>;
     lookAt: (params: ILookAtParams) => Promise<void>;
+    setLayerVisibility: (params: ILayerVisibleParams) => import("../types").IResult;
     requestCoordinateTransform: (points: number[][], callback: (points: number[][]) => void) => {
         handle: number;
         points: number[][];
@@ -56,25 +57,18 @@ declare const _sfc_main: import("vue").DefineComponent<{
         visible: boolean;
     }) => void;
     toggleVehicleInfo: (contentType: string) => void;
-    addOverlays: (params: IOverlayParam) => void;
-    removeOverlaysByType: (types: string[]) => void;
-    removeOverlaysById: (ids: string[]) => void;
-    removeAllOverlays: () => void;
+    addOverlays: (params: IOverlayParam) => Promise<import("../types").IResult>;
+    removeOverlaysByType: (types: string[]) => import("../types").IResult;
+    removeOverlaysById: (ids: string[]) => import("../types").IResult;
+    removeAllOverlays: () => import("../types").IResult;
     showAllOverlays: () => void;
     updateQueueLength: (params: IQueueLengthParams[]) => void;
     removeQueueLength: () => void;
     showOpenDrive: (server: string, projectName: string) => Promise<void>;
     hideOpenDrive: () => Promise<void>;
-    props: {
-        config: string;
-        assetsRoot?: string | undefined;
-    };
-    emit: {
-        (e: 'mapLoaded'): void;
-        (e: 'markerClick', type: string, id: string, detail: any, event: any): void;
-        (e: 'mapClick', mapPoint: number[], screenPoint: number[], event: any): void;
-    };
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("mapLoaded" | "markerClick" | "mapClick")[], "mapLoaded" | "markerClick" | "mapClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    props: any;
+    emit: (event: "mapLoaded" | "markerClick" | "mapClick", ...args: any[]) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("mapLoaded" | "markerClick" | "mapClick")[], "mapLoaded" | "markerClick" | "mapClick", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     config: {
         type: StringConstructor;
         required: true;
@@ -87,5 +81,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
     onMapLoaded?: ((...args: any[]) => any) | undefined;
     onMarkerClick?: ((...args: any[]) => any) | undefined;
     onMapClick?: ((...args: any[]) => any) | undefined;
-}, {}>;
+}, {}, {}>;
 export default _sfc_main;

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

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

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

@@ -8,7 +8,7 @@ export declare const GisMap: import("@easyest/utils/dist/lib/withinstall").SFCWi
         required: false;
     };
 }, {
-    mapContainer: any;
+    mapContainer: import("vue").Ref<any>;
     view: __esri.MapView | __esri.SceneView;
     mapInitializer: import("./utils/map-initializer").default;
     roadConfigTool: import("./utils/road-config-tool").default;
@@ -21,6 +21,7 @@ export declare const GisMap: import("@easyest/utils/dist/lib/withinstall").SFCWi
     setMapCenter: (params: import("../types").ISetMapCenterParams) => Promise<import("../types").IResult>;
     setMapCamera: (params: import("../types").ISetMapCameraParams) => Promise<import("../types").IResult>;
     lookAt: (params: import("../types").ILookAtParams) => Promise<void>;
+    setLayerVisibility: (params: import("../types").ILayerVisibleParams) => import("../types").IResult;
     requestCoordinateTransform: (points: number[][], callback: (points: number[][]) => void) => {
         handle: number;
         points: number[][];
@@ -46,25 +47,18 @@ export declare const GisMap: import("@easyest/utils/dist/lib/withinstall").SFCWi
         visible: boolean;
     }) => void;
     toggleVehicleInfo: (contentType: string) => void;
-    addOverlays: (params: import("../types").IOverlayParam) => void;
-    removeOverlaysByType: (types: string[]) => void;
-    removeOverlaysById: (ids: string[]) => void;
-    removeAllOverlays: () => void;
+    addOverlays: (params: import("../types").IOverlayParam) => Promise<import("../types").IResult>;
+    removeOverlaysByType: (types: string[]) => import("../types").IResult;
+    removeOverlaysById: (ids: string[]) => import("../types").IResult;
+    removeAllOverlays: () => import("../types").IResult;
     showAllOverlays: () => void;
     updateQueueLength: (params: import("../types").IQueueLengthParams[]) => void;
     removeQueueLength: () => void;
     showOpenDrive: (server: string, projectName: string) => Promise<void>;
     hideOpenDrive: () => Promise<void>;
-    props: {
-        config: string;
-        assetsRoot?: string | undefined;
-    };
-    emit: {
-        (e: "mapLoaded"): void;
-        (e: "markerClick", type: string, id: string, detail: any, event: any): void;
-        (e: "mapClick", mapPoint: number[], screenPoint: number[], event: any): void;
-    };
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("mapLoaded" | "markerClick" | "mapClick")[], "mapLoaded" | "markerClick" | "mapClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    props: any;
+    emit: (event: "mapLoaded" | "markerClick" | "mapClick", ...args: any[]) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("mapLoaded" | "markerClick" | "mapClick")[], "mapLoaded" | "markerClick" | "mapClick", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     config: {
         type: StringConstructor;
         required: true;
@@ -77,5 +71,5 @@ export declare const GisMap: import("@easyest/utils/dist/lib/withinstall").SFCWi
     onMapLoaded?: ((...args: any[]) => any) | undefined;
     onMarkerClick?: ((...args: any[]) => any) | undefined;
     onMapClick?: ((...args: any[]) => any) | undefined;
-}, {}>>;
+}, {}, {}>>;
 export default GisMap;

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

@@ -25,7 +25,7 @@ class d {
       ...i.graphicsLayerOptions
     }), this.customGreenWaveLineView = new u({
       graphics: []
-    }), this.viewer.map.layers.add(this.customGreenWaveLineView), this.viewer.map.layers.add(this.overlayLayer);
+    }), this.viewer.map.layers.add(this.overlayLayer), this.viewer.map.layers.add(this.customGreenWaveLineView);
   }
   addGreenWaveLine(i, t = {
     isAnimation: !1,
@@ -75,8 +75,8 @@ class d {
   createLine(i, t, e = {}, r) {
     const a = {
       type: "simple-line",
-      color: [0, 0, 255, 0.5],
-      width: 2,
+      color: [8, 69, 9, 0.8],
+      width: 5,
       ...t
     }, o = new p({
       paths: i

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

@@ -143,12 +143,12 @@ class f {
       if (n.x > this.view.width || n.y > this.view.height)
         return;
       this.createCountdownCanvas((l) => {
-        const r = l[0], h = l[1];
-        r.style.left = n.x + "px", r.style.top = n.y + "px", h.style.left = n.x + "px", h.style.top = n.y + "px", this.countdownCanvasMap.set(e, {
-          backgroundCanvas: r,
-          countdownCanvas: h,
+        const h = l[0], r = l[1];
+        h.style.left = n.x + "px", h.style.top = n.y + "px", r.style.left = n.x + "px", r.style.top = n.y + "px", this.countdownCanvasMap.set(e, {
+          backgroundCanvas: h,
+          countdownCanvas: r,
           mapPoint: s
-        }), this.drawCountdownText(h, o);
+        }), this.drawCountdownText(r, o);
       });
     }
     this.countdownWatchHandel || (this.countdownWatchHandel = d.watch(
@@ -201,6 +201,8 @@ class f {
       a.width = this.canvasWidth, a.height = this.canvasHeight, a.style.position = "absolute", a.style.transform = "translate(-50%, -50%)", a.getContext("2d").drawImage(t, 0, 0, this.canvasWidth, this.canvasHeight), this.view.container.appendChild(a);
       const i = document.createElement("canvas");
       i.width = this.canvasWidth - 10, i.height = this.canvasHeight - 10, i.style.position = "absolute", i.style.transform = "translate(-50%, -50%)", this.view.container.appendChild(i), e([a, i]);
+    }, t.onerror = () => {
+      console.error("倒计时背景图加载失败");
     };
   }
 }

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

@@ -1,6 +1,6 @@
 import MapView from '@arcgis/core/views/MapView';
 import SceneView from '@arcgis/core/views/SceneView';
-import { ILookAtParams, IResult, ISetMapCameraParams, ISetMapCenterParams } from '../../types';
+import { ILayerVisibleParams, ILookAtParams, IResult, ISetMapCameraParams, ISetMapCenterParams } from '../../types';
 export default class MapInitializer {
     private view;
     private mapConfig;
@@ -14,6 +14,7 @@ export default class MapInitializer {
         markerClickCallback?: (type: string, id: string, detail: any, event?: any) => void;
         mapClickCallback?: (mapPoint: number[], screenPoint: number[], event?: any) => void;
     }): Promise<MapView | SceneView>;
+    setLayerVisibility(params: ILayerVisibleParams): IResult;
     /**
      * 设置地图中心点
      * @param params

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

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

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

@@ -92,7 +92,8 @@ class I {
             label: "机动车道",
             symbol: {
               type: "simple-fill",
-              color: "#2F4F4F",
+              // color: '#2F4F4F',
+              color: [47, 79, 79, 0.5],
               style: "solid",
               outline: {
                 color: "white",
@@ -221,7 +222,7 @@ class I {
     if (o.status !== 200)
       throw new Error(`OpenDriveRenderer: ${o.statusText}`);
     let l = o.data.result.json;
-    l.startsWith(window.location.protocol) || (l = `${window.location.protocol}://${e}${l}`);
+    l.startsWith(window.location.protocol) || (l = `${window.location.protocol}//${e}${l}`);
     const r = await (await fetch(l)).arrayBuffer(), n = f.inflate(r, { to: "string" }), a = JSON.parse(n);
     this.showRoad(a);
   }

package/es/src/gis-map/utils/renderer/greenWaveline.d.ts

@@ -1,2 +1,2 @@
-declare const greenWavelineView: any;
-export default greenWavelineView;
+declare const GreenWavelineView: any;
+export default GreenWavelineView;

package/es/src/gis-map/utils/renderer/greenWaveline.mjs

@@ -1,8 +1,8 @@
-import R from "@arcgis/core/views/2d/layers/BaseLayerViewGL2D";
-import { mat3 as h, vec2 as v, vec3 as T } from "gl-matrix";
-import U from "@arcgis/core/layers/GraphicsLayer";
+import R from "@arcgis/core/layers/GraphicsLayer";
+import T from "@arcgis/core/views/2d/layers/BaseLayerViewGL2D";
+import { mat3 as h, vec2 as v, vec3 as U } from "gl-matrix";
 import * as B from "@arcgis/core/core/reactiveUtils";
-const V = R.createSubclass({
+const V = T.createSubclass({
   // Locations of the two vertex attributes that we use. They
   // will be bound to the shader program before linking.
   aPosition: 0,
@@ -11,7 +11,7 @@ const V = R.createSubclass({
   aSide: 3,
   aColor: 4,
   constructor: function() {
-    this.transform = h.create(), this.extrude = h.create(), this.translationToCenter = v.create(), this.screenTranslation = v.create(), this.display = h.fromValues(NaN, 0, 0, 0, NaN, 0, -1, 1, 1), this.screenScaling = T.fromValues(NaN, NaN, 1), this.needsUpdate = !1;
+    this.transform = h.create(), this.extrude = h.create(), this.translationToCenter = v.create(), this.screenTranslation = v.create(), this.display = h.fromValues(NaN, 0, 0, 0, NaN, 0, -1, 1, 1), this.screenScaling = U.fromValues(NaN, NaN, 1), this.needsUpdate = !1;
   },
   // Called once a custom layer is added to the map.layers collection and this layer view is instantiated.
   attach: function() {
@@ -57,7 +57,7 @@ const V = R.createSubclass({
 
         const float TRAIL_SPEED = 90.0;
         const float TRAIL_LENGTH = 300.0;
-        const float TRAIL_CYCLE = 1000.0;
+        const float TRAIL_CYCLE = 500.0;
 
         void main(void) {
           float d = mod(v_distance - u_current_time * TRAIL_SPEED, TRAIL_CYCLE);
@@ -154,7 +154,7 @@ const V = R.createSubclass({
     }
     i.bindBuffer(i.ARRAY_BUFFER, this.vertexBuffer), i.bufferData(i.ARRAY_BUFFER, A, i.STATIC_DRAW), i.bindBuffer(i.ELEMENT_ARRAY_BUFFER, this.indexBuffer), i.bufferData(i.ELEMENT_ARRAY_BUFFER, n, i.STATIC_DRAW), this.indexBufferSize = n.length;
   }
-}), F = U.createSubclass({
+}), F = R.createSubclass({
   //@ts-ignore
   createLayerView: function(t) {
     if (t.type === "2d")

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

@@ -49,6 +49,10 @@ export interface ISetMapCenterParams {
     zoom?: number;
     duration?: number;
 }
+export interface ILayerVisibleParams {
+    id: string;
+    visible: boolean;
+}
 export interface ILookAtParams {
     center: number[];
     height: number;
@@ -120,7 +124,7 @@ export interface IOverlayParam {
     visible?: boolean;
 }
 export interface ISetMapCameraParams {
-    crossId: string;
+    name: string;
     zoom?: number;
     duration?: number;
 }

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

@@ -1,6 +1,6 @@
 import MapView from '@arcgis/core/views/MapView';
 import SceneView from '@arcgis/core/views/SceneView';
-import { ILaneNumberParams, ILookAtParams, IOverlayParam, IQueueLengthParams, ISetMapCameraParams, ISetMapCenterParams, IStartCrossBufferParam } from '../types';
+import { ILaneNumberParams, ILayerVisibleParams, ILookAtParams, IOverlayParam, IQueueLengthParams, ISetMapCameraParams, ISetMapCenterParams, IStartCrossBufferParam } from '../types';
 import HoloFlow from './utils/holo-flow';
 import MapInitializer from './utils/map-initializer';
 import OpenDriveRenderer from './utils/open-drive-renderer';
@@ -18,7 +18,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
 }, {
-    mapContainer: any;
+    mapContainer: import("vue").Ref<any>;
     view: MapView | SceneView;
     mapInitializer: MapInitializer;
     roadConfigTool: RoadConfigTool;
@@ -31,6 +31,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     setMapCenter: (params: ISetMapCenterParams) => Promise<import("../types").IResult>;
     setMapCamera: (params: ISetMapCameraParams) => Promise<import("../types").IResult>;
     lookAt: (params: ILookAtParams) => Promise<void>;
+    setLayerVisibility: (params: ILayerVisibleParams) => import("../types").IResult;
     requestCoordinateTransform: (points: number[][], callback: (points: number[][]) => void) => {
         handle: number;
         points: number[][];
@@ -56,25 +57,18 @@ declare const _sfc_main: import("vue").DefineComponent<{
         visible: boolean;
     }) => void;
     toggleVehicleInfo: (contentType: string) => void;
-    addOverlays: (params: IOverlayParam) => void;
-    removeOverlaysByType: (types: string[]) => void;
-    removeOverlaysById: (ids: string[]) => void;
-    removeAllOverlays: () => void;
+    addOverlays: (params: IOverlayParam) => Promise<import("../types").IResult>;
+    removeOverlaysByType: (types: string[]) => import("../types").IResult;
+    removeOverlaysById: (ids: string[]) => import("../types").IResult;
+    removeAllOverlays: () => import("../types").IResult;
     showAllOverlays: () => void;
     updateQueueLength: (params: IQueueLengthParams[]) => void;
     removeQueueLength: () => void;
     showOpenDrive: (server: string, projectName: string) => Promise<void>;
     hideOpenDrive: () => Promise<void>;
-    props: {
-        config: string;
-        assetsRoot?: string | undefined;
-    };
-    emit: {
-        (e: 'mapLoaded'): void;
-        (e: 'markerClick', type: string, id: string, detail: any, event: any): void;
-        (e: 'mapClick', mapPoint: number[], screenPoint: number[], event: any): void;
-    };
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("mapLoaded" | "markerClick" | "mapClick")[], "mapLoaded" | "markerClick" | "mapClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    props: any;
+    emit: (event: "mapLoaded" | "markerClick" | "mapClick", ...args: any[]) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("mapLoaded" | "markerClick" | "mapClick")[], "mapLoaded" | "markerClick" | "mapClick", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     config: {
         type: StringConstructor;
         required: true;
@@ -87,5 +81,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
     onMapLoaded?: ((...args: any[]) => any) | undefined;
     onMarkerClick?: ((...args: any[]) => any) | undefined;
     onMapClick?: ((...args: any[]) => any) | undefined;
-}, {}>;
+}, {}, {}>;
 export default _sfc_main;

package/lib/src/gis-map/gis-map.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),y=require("./stores/index.js");require("./style/index.css");const g=require("./utils/holo-flow/index.js"),I=require("./utils/map-initializer.js"),b=require("./utils/open-drive-renderer/index.js"),q=require("./utils/overlay.js"),D=require("./utils/queue-length.js"),h=require("./utils/road-config-tool/index.js"),M=require("./utils/traffic-flow.js"),S={class:"gis-viewer"},H=l.defineComponent({name:"gis-map",props:{config:null,assetsRoot:null},emits:["mapLoaded","markerClick","mapClick"],setup(O,{expose:T,emit:d}){const w=O,m=l.ref(null);let r,s,n,o,a,t,i,u;y.registerStore(),l.onMounted(async()=>{if(!m.value)return;const e=l.getCurrentInstance(),{$gisviewerAssetsRoot:c}=e.appContext.config.globalProperties,C=await(await fetch(w.config)).json();C.assetsRoot=w.assetsRoot||c;const A=y.default.useAppDataStore;A.mapConfig=C,s=new I.default,r=await s.initialize({container:m.value,markerClickCallback:(p,f,v,L)=>{d("markerClick",p,f,v,L)},mapClickCallback:(p,f,v)=>{d("mapClick",p,f,v)}}),a=new g.default(r),d("mapLoaded")});const k=l.computed(()=>r);return T({mapViewer:k,setMapCenter:async e=>await s.setMapCenter(e),lookAt:async e=>await s.lookAt(e),setMapCamera:async e=>await s.setMapCamera(e),setMapZoomRange:e=>{s.setMapZoomRange(e)},requestCoordinateTransform:(e,c)=>s.requestCoordinateTransform(e,c),cancelCoordinateTransform:e=>{s.cancelCoordinateTransform(e)},addOverlays:e=>{t||(t=new q.default(r)),t.addOverlays(e)},showAllOverlays:()=>{t==null||t.showAllOverlays()},removeOverlaysByType:e=>{t==null||t.removeOverlaysByType(e)},removeOverlaysById:e=>{t==null||t.removeOverlaysById(e)},removeAllOverlays:()=>{t==null||t.removeAllOverlays()},showLaneNumber:e=>(n||(n=new h.default(r)),n.showLaneNumber(e)),clearLaneNumber:()=>{n==null||n.clearLaneNumber()},initializeAreaTool:async e=>(n||(n=new h.default(r)),await n.initializeSearch(e)),calCrossIndicatorArea:async()=>n==null?void 0:n.calCrossIndicatorArea(),calRoadIndicatorArea:async()=>{},connectCarFlow:async(e,c)=>{o||(o=new M.default(r)),o.connectTrafficFlow(e,c)},disconnectCarFlow:()=>{o==null||o.disconnectTrafficFlow()},handleHoloVehicleTraceData:e=>{a||(a=new g.default(r)),a.handleVehicleTraceData(e)},clearHoloTrace:()=>{a==null||a.clearHoloTrace()},handleHoloSignalData:async e=>{a||(a=new g.default(r)),await a.handleSignalData(e)},clearHoloSignal:()=>{a==null||a.clearHoloSignal()},toggleTrafficInfo:e=>{switch(e.name.toLowerCase()){case"vehiclePlate".toLowerCase():o==null||o.toggleVehiclePlate(e.visible);break}},toggleVehicleInfo:e=>{a==null||a.updatePanelContent(e)},updateQueueLength:e=>{i||(i=new D.default(r)),i.updateQueueLength(e)},removeQueueLength:()=>{i==null||i.removeQueueLength()},showOpenDrive:async(e,c)=>{u||(u=new b.default(r)),await u.showOpenDrive(e,c)},hideOpenDrive:async()=>{await(u==null?void 0:u.hideOpenDrive())}}),(e,c)=>(l.openBlock(),l.createElementBlock("div",S,[l.createElementVNode("div",{class:"gis-viewer-main",ref_key:"mapContainer",ref:m},null,512)]))}});exports.default=H;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("vue"),C=require("./stores/index.js");require("./style/index.css");const y=require("./utils/holo-flow/index.js"),ae=require("./utils/map-initializer.js"),ne=require("./utils/open-drive-renderer/index.js"),re=require("./utils/overlay.js"),se=require("./utils/queue-length.js"),h=require("./utils/road-config-tool/index.js"),oe=require("./utils/traffic-flow.js"),ce={class:"gis-viewer"},ie=i.defineComponent({__name:"gis-map",props:{config:{},assetsRoot:{}},emits:["mapLoaded","markerClick","mapClick"],setup(k,{expose:O,emit:L}){const d=i.ref(null);let r,s,n,o,t,a,l,u;C.registerStore(),i.onMounted(async()=>{if(!d.value)return;const e=i.getCurrentInstance(),{$gisviewerAssetsRoot:c}=e.appContext.config.globalProperties,g=await(await fetch(v.config)).json();g.assetsRoot=v.assetsRoot||c;const ee=C.default.useAppDataStore;ee.mapConfig=g,s=new ae.default,r=await s.initialize({container:d.value,markerClickCallback:(p,f,w,te)=>{m("markerClick",p,f,w,te)},mapClickCallback:(p,f,w)=>{m("mapClick",p,f,w)}}),t=new y.default(r),m("mapLoaded")});const b=i.computed(()=>r),q=async e=>await s.setMapCenter(e),A=async e=>await s.setMapCamera(e),T=async e=>await s.lookAt(e),_=e=>s.setLayerVisibility(e),I=(e,c)=>s.requestCoordinateTransform(e,c),S=e=>{s.cancelCoordinateTransform(e)},D=e=>{s.setMapZoomRange(e)},M=e=>(n||(n=new h.default(r)),n.showLaneNumber(e)),x=()=>{n==null||n.clearLaneNumber()},V=async e=>(n||(n=new h.default(r)),await n.initializeSearch(e)),B=async()=>n==null?void 0:n.calCrossIndicatorArea(),H=async()=>{},R=async(e,c)=>{o||(o=new oe.default(r)),o.connectTrafficFlow(e,c)},z=()=>{o==null||o.disconnectTrafficFlow()},N=e=>{t||(t=new y.default(r)),t.handleVehicleTraceData(e)},P=()=>{t==null||t.clearHoloTrace()},Q=async e=>{t||(t=new y.default(r)),await t.handleSignalData(e)},j=()=>{t==null||t.clearHoloSignal()},E=e=>{switch(e.name.toLowerCase()){case"vehiclePlate".toLowerCase():o==null||o.toggleVehiclePlate(e.visible);break}},Z=e=>{t==null||t.updatePanelContent(e)},G=async e=>(a||(a=new re.default(r)),await a.addOverlays(e)),J=e=>a==null?void 0:a.removeOverlaysByType(e),K=e=>a==null?void 0:a.removeOverlaysById(e),U=()=>a==null?void 0:a.removeAllOverlays(),W=()=>{a==null||a.showAllOverlays()},X=e=>{l||(l=new se.default(r)),l.updateQueueLength(e)},Y=()=>{l==null||l.removeQueueLength()},F=async(e,c)=>{u||(u=new ne.default(r)),await u.showOpenDrive(e,c)},$=async()=>{await(u==null?void 0:u.hideOpenDrive())},v=k,m=L;return O({mapViewer:b,setLayerVisibility:_,setMapCenter:q,lookAt:T,setMapCamera:A,setMapZoomRange:D,requestCoordinateTransform:I,cancelCoordinateTransform:S,addOverlays:G,showAllOverlays:W,removeOverlaysByType:J,removeOverlaysById:K,removeAllOverlays:U,showLaneNumber:M,clearLaneNumber:x,initializeAreaTool:V,calCrossIndicatorArea:B,calRoadIndicatorArea:H,connectCarFlow:R,disconnectCarFlow:z,handleHoloVehicleTraceData:N,clearHoloTrace:P,handleHoloSignalData:Q,clearHoloSignal:j,toggleTrafficInfo:E,toggleVehicleInfo:Z,updateQueueLength:X,removeQueueLength:Y,showOpenDrive:F,hideOpenDrive:$}),(e,c)=>(i.openBlock(),i.createElementBlock("div",ce,[i.createElementVNode("div",{class:"gis-viewer-main",ref_key:"mapContainer",ref:d},null,512)]))}});exports.default=ie;

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

@@ -8,7 +8,7 @@ export declare const GisMap: import("@easyest/utils/dist/lib/withinstall").SFCWi
         required: false;
     };
 }, {
-    mapContainer: any;
+    mapContainer: import("vue").Ref<any>;
     view: __esri.MapView | __esri.SceneView;
     mapInitializer: import("./utils/map-initializer").default;
     roadConfigTool: import("./utils/road-config-tool").default;
@@ -21,6 +21,7 @@ export declare const GisMap: import("@easyest/utils/dist/lib/withinstall").SFCWi
     setMapCenter: (params: import("../types").ISetMapCenterParams) => Promise<import("../types").IResult>;
     setMapCamera: (params: import("../types").ISetMapCameraParams) => Promise<import("../types").IResult>;
     lookAt: (params: import("../types").ILookAtParams) => Promise<void>;
+    setLayerVisibility: (params: import("../types").ILayerVisibleParams) => import("../types").IResult;
     requestCoordinateTransform: (points: number[][], callback: (points: number[][]) => void) => {
         handle: number;
         points: number[][];
@@ -46,25 +47,18 @@ export declare const GisMap: import("@easyest/utils/dist/lib/withinstall").SFCWi
         visible: boolean;
     }) => void;
     toggleVehicleInfo: (contentType: string) => void;
-    addOverlays: (params: import("../types").IOverlayParam) => void;
-    removeOverlaysByType: (types: string[]) => void;
-    removeOverlaysById: (ids: string[]) => void;
-    removeAllOverlays: () => void;
+    addOverlays: (params: import("../types").IOverlayParam) => Promise<import("../types").IResult>;
+    removeOverlaysByType: (types: string[]) => import("../types").IResult;
+    removeOverlaysById: (ids: string[]) => import("../types").IResult;
+    removeAllOverlays: () => import("../types").IResult;
     showAllOverlays: () => void;
     updateQueueLength: (params: import("../types").IQueueLengthParams[]) => void;
     removeQueueLength: () => void;
     showOpenDrive: (server: string, projectName: string) => Promise<void>;
     hideOpenDrive: () => Promise<void>;
-    props: {
-        config: string;
-        assetsRoot?: string | undefined;
-    };
-    emit: {
-        (e: "mapLoaded"): void;
-        (e: "markerClick", type: string, id: string, detail: any, event: any): void;
-        (e: "mapClick", mapPoint: number[], screenPoint: number[], event: any): void;
-    };
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("mapLoaded" | "markerClick" | "mapClick")[], "mapLoaded" | "markerClick" | "mapClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    props: any;
+    emit: (event: "mapLoaded" | "markerClick" | "mapClick", ...args: any[]) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("mapLoaded" | "markerClick" | "mapClick")[], "mapLoaded" | "markerClick" | "mapClick", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     config: {
         type: StringConstructor;
         required: true;
@@ -77,5 +71,5 @@ export declare const GisMap: import("@easyest/utils/dist/lib/withinstall").SFCWi
     onMapLoaded?: ((...args: any[]) => any) | undefined;
     onMarkerClick?: ((...args: any[]) => any) | undefined;
     onMapClick?: ((...args: any[]) => any) | undefined;
-}, {}>>;
+}, {}, {}>>;
 export default GisMap;

package/lib/src/gis-map/utils/GreenWaveline.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("@arcgis/core/Graphic"),y=require("@arcgis/core/geometry"),u=require("@arcgis/core/geometry/Polyline"),p=require("@arcgis/core/geometry/support/webMercatorUtils.js"),b=require("@arcgis/core/layers/GraphicsLayer"),g=require("./renderer/greenWaveline.js");function f(o){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const e=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(i,t,e.get?e:{enumerable:!0,get:()=>o[t]})}}return i.default=o,Object.freeze(i)}const l=f(p);function v(...o){const i={},t=e=>{for(const r in e)e.hasOwnProperty(r)&&(Object.prototype.toString.call(e[r])==="[object Object]"?i[r]=v(i[r],e[r]):i[r]=e[r])};for(let e=0;e<o.length;e++)t(o[e]);return i}class m{constructor(i){this.defaultAnimationOptions={isAnimation:!1,positive:!0,positiveColor:[0,255,0],negative:!0,negativeColor:[0,255,0]},this.viewer=i.viewer,this.overlayLayer=new b({...i.graphicsLayerOptions}),this.customGreenWaveLineView=new g.default({graphics:[]}),this.viewer.map.layers.add(this.customGreenWaveLineView),this.viewer.map.layers.add(this.overlayLayer)}addGreenWaveLine(i,t={isAnimation:!1,positive:!0,positiveColor:[0,255,0],negative:!0,negativeColor:[0,255,0]}){const e=[],r=[];t=v(this.defaultAnimationOptions,t),i.map(a=>{const s=a.visible==null?!0:a.visible;if(t.isAnimation){const n=[...a.paths];r.push(...this.getAnimationPath(n,t))}e.push(this.createLine(a.paths,a.symbol,a.attributes,s))}),this.overlayLayer.addMany(e),t.isAnimation&&this.customGreenWaveLineView.addMany(r)}getAnimationPath(i,t={isAnimation:!1,positive:!0,positiveColor:[0,255,0],negative:!0,negativeColor:[0,255,0]}){const e=[];return t.positive&&e.push({attributes:{color:t.positiveColor},geometry:l.geographicToWebMercator({paths:[i],type:"polyline"})}),t.negative&&e.push({attributes:{color:t.negativeColor},geometry:l.geographicToWebMercator({paths:[i.reverse()],type:"polyline"})}),e}createLine(i,t,e={},r){const a={type:"simple-line",color:[0,0,255,.5],width:2,...t},s=new u({paths:i}),n=l.geographicToWebMercator(s);return new c({geometry:n,symbol:a,attributes:{type:"greenWaveLine",...e},visible:r})}addPointText(i){const t=[];i.map(e=>{const r=e.visible==null?!0:e.visible;t.push(this.createPointText(e.point,e.symbol,e.attributes,r))}),this.overlayLayer.addMany(t)}createPointText(i,t,e={},r){const a={type:"text",color:"white",haloColor:"black",haloSize:"1px",xoffset:3,yoffset:3,font:{size:12,family:"Josefin Slab",weight:"bold"},...t},s=new y.Point({x:i[0],y:i[1]}),n=l.geographicToWebMercator(s);return new c({geometry:n,symbol:a,attributes:{type:"greenWaveLine-Text",...e},visible:r})}hideWaveLine(i){i?this.overlayLayer.graphics.filter(e=>{const r=e.getAttribute("id");return i.includes(r)}).forEach(e=>{e.visible=!1}):this.overlayLayer.graphics.map(t=>{t.visible=!1})}showWaveLine(i){i?this.overlayLayer.graphics.filter(e=>{const r=e.getAttribute("id");return i.includes(r)}).forEach(e=>{e.visible=!0}):this.overlayLayer.graphics.map(t=>{t.visible=!0})}hideLayer(){this.overlayLayer.visible=!1,this.customGreenWaveLineView.visible=!1}showLayer(){this.overlayLayer.visible=!0,this.customGreenWaveLineView.visible=!0}clearGreenWaveLine(){this.overlayLayer.removeAll(),this.customGreenWaveLineView.removeAll()}destroy(){this.overlayLayer.removeAll(),this.customGreenWaveLineView.removeAll(),this.viewer.map.layers.remove(this.customGreenWaveLineView),this.viewer.map.layers.remove(this.overlayLayer)}}exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("@arcgis/core/Graphic"),y=require("@arcgis/core/geometry"),u=require("@arcgis/core/geometry/Polyline"),p=require("@arcgis/core/geometry/support/webMercatorUtils.js"),b=require("@arcgis/core/layers/GraphicsLayer"),g=require("./renderer/greenWaveline.js");function f(o){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const e=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(i,t,e.get?e:{enumerable:!0,get:()=>o[t]})}}return i.default=o,Object.freeze(i)}const l=f(p);function v(...o){const i={},t=e=>{for(const r in e)e.hasOwnProperty(r)&&(Object.prototype.toString.call(e[r])==="[object Object]"?i[r]=v(i[r],e[r]):i[r]=e[r])};for(let e=0;e<o.length;e++)t(o[e]);return i}class m{constructor(i){this.defaultAnimationOptions={isAnimation:!1,positive:!0,positiveColor:[0,255,0],negative:!0,negativeColor:[0,255,0]},this.viewer=i.viewer,this.overlayLayer=new b({...i.graphicsLayerOptions}),this.customGreenWaveLineView=new g.default({graphics:[]}),this.viewer.map.layers.add(this.overlayLayer),this.viewer.map.layers.add(this.customGreenWaveLineView)}addGreenWaveLine(i,t={isAnimation:!1,positive:!0,positiveColor:[0,255,0],negative:!0,negativeColor:[0,255,0]}){const e=[],r=[];t=v(this.defaultAnimationOptions,t),i.map(a=>{const s=a.visible==null?!0:a.visible;if(t.isAnimation){const n=[...a.paths];r.push(...this.getAnimationPath(n,t))}e.push(this.createLine(a.paths,a.symbol,a.attributes,s))}),this.overlayLayer.addMany(e),t.isAnimation&&this.customGreenWaveLineView.addMany(r)}getAnimationPath(i,t={isAnimation:!1,positive:!0,positiveColor:[0,255,0],negative:!0,negativeColor:[0,255,0]}){const e=[];return t.positive&&e.push({attributes:{color:t.positiveColor},geometry:l.geographicToWebMercator({paths:[i],type:"polyline"})}),t.negative&&e.push({attributes:{color:t.negativeColor},geometry:l.geographicToWebMercator({paths:[i.reverse()],type:"polyline"})}),e}createLine(i,t,e={},r){const a={type:"simple-line",color:[8,69,9,.8],width:5,...t},s=new u({paths:i}),n=l.geographicToWebMercator(s);return new c({geometry:n,symbol:a,attributes:{type:"greenWaveLine",...e},visible:r})}addPointText(i){const t=[];i.map(e=>{const r=e.visible==null?!0:e.visible;t.push(this.createPointText(e.point,e.symbol,e.attributes,r))}),this.overlayLayer.addMany(t)}createPointText(i,t,e={},r){const a={type:"text",color:"white",haloColor:"black",haloSize:"1px",xoffset:3,yoffset:3,font:{size:12,family:"Josefin Slab",weight:"bold"},...t},s=new y.Point({x:i[0],y:i[1]}),n=l.geographicToWebMercator(s);return new c({geometry:n,symbol:a,attributes:{type:"greenWaveLine-Text",...e},visible:r})}hideWaveLine(i){i?this.overlayLayer.graphics.filter(e=>{const r=e.getAttribute("id");return i.includes(r)}).forEach(e=>{e.visible=!1}):this.overlayLayer.graphics.map(t=>{t.visible=!1})}showWaveLine(i){i?this.overlayLayer.graphics.filter(e=>{const r=e.getAttribute("id");return i.includes(r)}).forEach(e=>{e.visible=!0}):this.overlayLayer.graphics.map(t=>{t.visible=!0})}hideLayer(){this.overlayLayer.visible=!1,this.customGreenWaveLineView.visible=!1}showLayer(){this.overlayLayer.visible=!0,this.customGreenWaveLineView.visible=!0}clearGreenWaveLine(){this.overlayLayer.removeAll(),this.customGreenWaveLineView.removeAll()}destroy(){this.overlayLayer.removeAll(),this.customGreenWaveLineView.removeAll(),this.viewer.map.layers.remove(this.customGreenWaveLineView),this.viewer.map.layers.remove(this.overlayLayer)}}exports.default=m;

package/lib/src/gis-map/utils/holo-flow/signal-holo-flow.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("@arcgis/core/core/reactiveUtils"),u=require("@arcgis/core/geometry"),p=require("@arcgis/core/layers/FeatureLayer"),g=require("../../stores/index.js");function y(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(e,t,a.get?a:{enumerable:!0,get:()=>r[t]})}}return e.default=r,Object.freeze(e)}const w=y(d);class m{constructor(e){this.currentPhaseMap=new Map,this.countdownCanvasMap=new Map,this.lastDataTime=0,this.isDeletingCanvas=!1,this.canvasWidth=80,this.canvasHeight=50,this.view=(e.type==="2d",e);const t=g.default.useAppDataStore;this.mapConfig=JSON.parse(JSON.stringify(t.mapConfig))}async initializeLayer(){if(this.mapConfig.phaseLineLayer)if(this.phaseLineLayer)this.phaseLineLayer.visible||(this.phaseLineLayer.visible=!0);else{const e=`${this.mapConfig.assetsRoot}/${this.mapConfig.phaseLineLayer}`,o=(await(await fetch(e)).json()).features.map((i,n)=>({geometry:{type:"polyline",paths:[i.geometry.coordinates]},attributes:{ObjectID:n+1,id:i.properties.id,color:"hide"}}));this.phaseLineLayer=new p({source:o,geometryType:"polyline",objectIdField:"ObjectID",outFields:["*"],fields:[{name:"ObjectID",alias:"ObjectID",type:"oid"},{name:"color",alias:"color",type:"string"}],renderer:{type:"unique-value",field:"color",defaultSymbol:{type:"simple-line",color:"lightblue",width:"2px",style:"none"},uniqueValueInfos:[{value:"green",symbol:{type:"line-3d",symbolLayers:[{type:"path",profile:"quad",material:{color:[19,255,69,.8]},width:1,height:.5}]}},{value:"red",symbol:{type:"line-3d",symbolLayers:[{type:"path",profile:"quad",material:{color:[254,5,9,.8]},width:1,height:.5}]}},{value:"yellow",symbol:{type:"line-3d",symbolLayers:[{type:"path",profile:"quad",material:{color:[255,215,0,.8]},width:1,height:.5}]}}]}}),this.view.map.add(this.phaseLineLayer)}}async handleSignalData(e){const t=new Date().getTime();if(t-this.lastDataTime<100)return;this.lastDataTime=t;const{crossId:o,lat:i,lon:n,rtStage:s,channelsConfig:l}=e;await this.updateCountdown(o,i,n,s),this.phaseLineLayer&&((!this.currentPhaseMap.has(o)||this.currentPhaseMap.get(o)!==s.stagePhase)&&await this.updatePhaseLine(o,s.channelsConfig,l),this.currentPhaseMap.set(o,s.stagePhase))}clearSignal(){this.phaseLineLayer.visible=!1,this.countdownWatchHandel&&(this.countdownWatchHandel.remove(),this.countdownWatchHandel=void 0),this.countdownCanvasMap.forEach(e=>{this.view.container.removeChild(e.backgroundCanvas),this.view.container.removeChild(e.countdownCanvas)}),this.countdownCanvasMap.clear()}async updateCountdown(e,t,a,o){if(this.isDeletingCanvas)return;const i=this.countdownCanvasMap.get(e);if(i)this.drawCountdownText(i.countdownCanvas,o);else{const n=new u.Point({longitude:a,latitude:t,z:10}),s=this.view.toScreen(n);if(s.x>this.view.width||s.y>this.view.height)return;this.createCountdownCanvas(l=>{const c=l[0],h=l[1];c.style.left=s.x+"px",c.style.top=s.y+"px",h.style.left=s.x+"px",h.style.top=s.y+"px",this.countdownCanvasMap.set(e,{backgroundCanvas:c,countdownCanvas:h,mapPoint:n}),this.drawCountdownText(h,o)})}this.countdownWatchHandel||(this.countdownWatchHandel=w.watch(()=>this.view.extent,()=>{this.countdownCanvasMap.forEach(n=>{const s=this.view.toScreen(n.mapPoint);s.x>this.view.width||s.y>this.view.height?(this.isDeletingCanvas=!0,this.view.container.removeChild(n.backgroundCanvas),this.view.container.removeChild(n.countdownCanvas),this.countdownCanvasMap.delete(e),this.isDeletingCanvas=!1):(n.backgroundCanvas.style.left=s.x+"px",n.backgroundCanvas.style.top=s.y+"px",n.countdownCanvas.style.left=s.x+"px",n.countdownCanvas.style.top=s.y+"px")})}))}drawCountdownText(e,t){const a=e.getContext("2d");a.clearRect(0,0,e.width,e.height),a.font="32px LESLIE",a.textBaseline="middle",a.textAlign="center",a.fillStyle=t.stageRemainingTime<=t.stageAllRedTime?"red":t.stageRemainingTime<=t.stageAllRedTime+t.stageYellowTime?"yellow":"lime",a.fillText(t.stageRemainingTime,e.width/2,e.height/2)}async updatePhaseLine(e,t,a){const o=this.phaseLineLayer.source.filter(i=>i.getAttribute("id").includes(e));o.forEach(i=>{const n=i.getAttribute("id");this.isLaneInChannels(n,t)?i.setAttribute("color","green"):this.isLaneInChannels(n,a)?i.setAttribute("color","red"):i.setAttribute("color","green")}),await this.phaseLineLayer.applyEdits({updateFeatures:o})}isLaneInChannels(e,t){const a=e.split("+"),o=a[1],i=a[2];for(let n=0;n<t.length;n++)for(let s=0;s<t[n].laneSnList.length;s++){const l=t[n].laneSnList[s].toFixed(0);if(o===l[0]&&i===l[1])return!0}return!1}createCountdownCanvas(e){const t=new Image;t.src=`${this.mapConfig.assetsRoot}/Images/timeboard/CountdownBG.png`,t.onload=()=>{const a=document.createElement("canvas");a.width=this.canvasWidth,a.height=this.canvasHeight,a.style.position="absolute",a.style.transform="translate(-50%, -50%)",a.getContext("2d").drawImage(t,0,0,this.canvasWidth,this.canvasHeight),this.view.container.appendChild(a);const i=document.createElement("canvas");i.width=this.canvasWidth-10,i.height=this.canvasHeight-10,i.style.position="absolute",i.style.transform="translate(-50%, -50%)",this.view.container.appendChild(i),e([a,i])}}}exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("@arcgis/core/core/reactiveUtils"),u=require("@arcgis/core/geometry"),p=require("@arcgis/core/layers/FeatureLayer"),g=require("../../stores/index.js");function y(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(e,t,a.get?a:{enumerable:!0,get:()=>r[t]})}}return e.default=r,Object.freeze(e)}const w=y(d);class m{constructor(e){this.currentPhaseMap=new Map,this.countdownCanvasMap=new Map,this.lastDataTime=0,this.isDeletingCanvas=!1,this.canvasWidth=80,this.canvasHeight=50,this.view=(e.type==="2d",e);const t=g.default.useAppDataStore;this.mapConfig=JSON.parse(JSON.stringify(t.mapConfig))}async initializeLayer(){if(this.mapConfig.phaseLineLayer)if(this.phaseLineLayer)this.phaseLineLayer.visible||(this.phaseLineLayer.visible=!0);else{const e=`${this.mapConfig.assetsRoot}/${this.mapConfig.phaseLineLayer}`,o=(await(await fetch(e)).json()).features.map((i,n)=>({geometry:{type:"polyline",paths:[i.geometry.coordinates]},attributes:{ObjectID:n+1,id:i.properties.id,color:"hide"}}));this.phaseLineLayer=new p({source:o,geometryType:"polyline",objectIdField:"ObjectID",outFields:["*"],fields:[{name:"ObjectID",alias:"ObjectID",type:"oid"},{name:"color",alias:"color",type:"string"}],renderer:{type:"unique-value",field:"color",defaultSymbol:{type:"simple-line",color:"lightblue",width:"2px",style:"none"},uniqueValueInfos:[{value:"green",symbol:{type:"line-3d",symbolLayers:[{type:"path",profile:"quad",material:{color:[19,255,69,.8]},width:1,height:.5}]}},{value:"red",symbol:{type:"line-3d",symbolLayers:[{type:"path",profile:"quad",material:{color:[254,5,9,.8]},width:1,height:.5}]}},{value:"yellow",symbol:{type:"line-3d",symbolLayers:[{type:"path",profile:"quad",material:{color:[255,215,0,.8]},width:1,height:.5}]}}]}}),this.view.map.add(this.phaseLineLayer)}}async handleSignalData(e){const t=new Date().getTime();if(t-this.lastDataTime<100)return;this.lastDataTime=t;const{crossId:o,lat:i,lon:n,rtStage:s,channelsConfig:l}=e;await this.updateCountdown(o,i,n,s),this.phaseLineLayer&&((!this.currentPhaseMap.has(o)||this.currentPhaseMap.get(o)!==s.stagePhase)&&await this.updatePhaseLine(o,s.channelsConfig,l),this.currentPhaseMap.set(o,s.stagePhase))}clearSignal(){this.phaseLineLayer.visible=!1,this.countdownWatchHandel&&(this.countdownWatchHandel.remove(),this.countdownWatchHandel=void 0),this.countdownCanvasMap.forEach(e=>{this.view.container.removeChild(e.backgroundCanvas),this.view.container.removeChild(e.countdownCanvas)}),this.countdownCanvasMap.clear()}async updateCountdown(e,t,a,o){if(this.isDeletingCanvas)return;const i=this.countdownCanvasMap.get(e);if(i)this.drawCountdownText(i.countdownCanvas,o);else{const n=new u.Point({longitude:a,latitude:t,z:10}),s=this.view.toScreen(n);if(s.x>this.view.width||s.y>this.view.height)return;this.createCountdownCanvas(l=>{const c=l[0],h=l[1];c.style.left=s.x+"px",c.style.top=s.y+"px",h.style.left=s.x+"px",h.style.top=s.y+"px",this.countdownCanvasMap.set(e,{backgroundCanvas:c,countdownCanvas:h,mapPoint:n}),this.drawCountdownText(h,o)})}this.countdownWatchHandel||(this.countdownWatchHandel=w.watch(()=>this.view.extent,()=>{this.countdownCanvasMap.forEach(n=>{const s=this.view.toScreen(n.mapPoint);s.x>this.view.width||s.y>this.view.height?(this.isDeletingCanvas=!0,this.view.container.removeChild(n.backgroundCanvas),this.view.container.removeChild(n.countdownCanvas),this.countdownCanvasMap.delete(e),this.isDeletingCanvas=!1):(n.backgroundCanvas.style.left=s.x+"px",n.backgroundCanvas.style.top=s.y+"px",n.countdownCanvas.style.left=s.x+"px",n.countdownCanvas.style.top=s.y+"px")})}))}drawCountdownText(e,t){const a=e.getContext("2d");a.clearRect(0,0,e.width,e.height),a.font="32px LESLIE",a.textBaseline="middle",a.textAlign="center",a.fillStyle=t.stageRemainingTime<=t.stageAllRedTime?"red":t.stageRemainingTime<=t.stageAllRedTime+t.stageYellowTime?"yellow":"lime",a.fillText(t.stageRemainingTime,e.width/2,e.height/2)}async updatePhaseLine(e,t,a){const o=this.phaseLineLayer.source.filter(i=>i.getAttribute("id").includes(e));o.forEach(i=>{const n=i.getAttribute("id");this.isLaneInChannels(n,t)?i.setAttribute("color","green"):this.isLaneInChannels(n,a)?i.setAttribute("color","red"):i.setAttribute("color","green")}),await this.phaseLineLayer.applyEdits({updateFeatures:o})}isLaneInChannels(e,t){const a=e.split("+"),o=a[1],i=a[2];for(let n=0;n<t.length;n++)for(let s=0;s<t[n].laneSnList.length;s++){const l=t[n].laneSnList[s].toFixed(0);if(o===l[0]&&i===l[1])return!0}return!1}createCountdownCanvas(e){const t=new Image;t.src=`${this.mapConfig.assetsRoot}/Images/timeboard/CountdownBG.png`,t.onload=()=>{const a=document.createElement("canvas");a.width=this.canvasWidth,a.height=this.canvasHeight,a.style.position="absolute",a.style.transform="translate(-50%, -50%)",a.getContext("2d").drawImage(t,0,0,this.canvasWidth,this.canvasHeight),this.view.container.appendChild(a);const i=document.createElement("canvas");i.width=this.canvasWidth-10,i.height=this.canvasHeight-10,i.style.position="absolute",i.style.transform="translate(-50%, -50%)",this.view.container.appendChild(i),e([a,i])},t.onerror=()=>{console.error("倒计时背景图加载失败")}}}exports.default=m;

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

@@ -1,6 +1,6 @@
 import MapView from '@arcgis/core/views/MapView';
 import SceneView from '@arcgis/core/views/SceneView';
-import { ILookAtParams, IResult, ISetMapCameraParams, ISetMapCenterParams } from '../../types';
+import { ILayerVisibleParams, ILookAtParams, IResult, ISetMapCameraParams, ISetMapCenterParams } from '../../types';
 export default class MapInitializer {
     private view;
     private mapConfig;
@@ -14,6 +14,7 @@ export default class MapInitializer {
         markerClickCallback?: (type: string, id: string, detail: any, event?: any) => void;
         mapClickCallback?: (mapPoint: number[], screenPoint: number[], event?: any) => void;
     }): Promise<MapView | SceneView>;
+    setLayerVisibility(params: ILayerVisibleParams): IResult;
     /**
      * 设置地图中心点
      * @param params

package/lib/src/gis-map/utils/map-initializer.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const v=require("@arcgis/core/Basemap"),P=require("@arcgis/core/Map"),p=require("@arcgis/core/config"),T=require("@arcgis/core/core/reactiveUtils"),z=require("@arcgis/core/geometry"),k=require("@arcgis/core/geometry/support/webMercatorUtils"),q=require("@arcgis/core/layers/GeoJSONLayer"),O=require("@arcgis/core/layers/TileLayer"),S=require("@arcgis/core/layers/WebTileLayer"),x=require("@arcgis/core/views/MapView"),W=require("@arcgis/core/views/SceneView"),L=require("@turf/destination"),I=require("@turf/helpers"),R=require("../stores/index.js");function g(r){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const s in r)if(s!=="default"){const e=Object.getOwnPropertyDescriptor(r,s);Object.defineProperty(t,s,e.get?e:{enumerable:!0,get:()=>r[s]})}}return t.default=r,Object.freeze(t)}const M=g(T),f=g(k),_=g(I);function m(r,t){return r.startsWith("http://")||r.startsWith("https://")?r:t+r}class H{constructor(){this.mapConfig={},this.watchHandleMap=new Map,this.handleIndex=0,this.zoomWatchHandle=null}async initialize(t){const s=R.default.useAppDataStore,e=JSON.parse(JSON.stringify(s.mapConfig));this.mapConfig=e;const{container:a,markerClickCallback:h,mapClickCallback:w}=t;p.assetsPath=`${e.assetsRoot}/ArcgisAssets`,p.fontsUrl=`${e.assetsRoot}/fonts`,p.apiKey="AAPKf5a3e1044d7a4faeb3b1ec7060f5c68equIrP2KbRyL-t_b40Kk4GTWUQ1BFCyttvyQPQnWpFmBd7kp9gkrVihjfmcKBwxjW";const c=new P;if((e==null?void 0:e.mapOptions.mode.toLowerCase())==="2d"?this.view=new x({map:c,container:a,...e.mapOptions}):this.view=new W({map:c,container:a,...e==null?void 0:e.mapOptions}),this.view.on("click",async i=>{var b,y;if(w){let o=i.mapPoint;o.spatialReference.isWebMercator&&(o=f.webMercatorToGeographic(o)),w([o.x,o.y],[i.screenPoint.x,i.screenPoint.y],i)}if(this.view.type==="3d"){const o=this.view.camera;if(this.view.spatialReference.isWebMercator){const u=f.webMercatorToGeographic(o.position),d={heading:o.heading,tilt:o.tilt,position:u.toJSON()};console.log(d),(b=navigator.clipboard)==null||b.writeText(JSON.stringify(d))}else console.log(o.toJSON())}else{let o=this.view.center;this.view.spatialReference.isWebMercator&&(o=f.webMercatorToGeographic(o)),console.log({center:o.toJSON(),zoom:this.view.zoom})}const l=(y=(await this.view.hitTest(i)).results)==null?void 0:y.filter(o=>o.type==="graphic");l.length>0&&l.forEach(o=>{var d;const u=o.graphic;(d=u.attributes)!=null&&d.type&&h&&h(u.attributes.type,u.attributes.id,u.attributes,i)})}),e!=null&&e.baseLayers?e.baseLayers.forEach(i=>{switch(i.type.toLowerCase()){case"webTile".toLowerCase():{const n=m(i.url,e.assetsRoot),l=new S({urlTemplate:n,...i.options});c.add(l);break}case"tile":{const n=m(i.url,e.assetsRoot),l=new O({url:n,...i.options});c.add(l);break}case"arcgis":{const n=new v(i.options);c.basemap=n;break}}}):c.basemap=new v({style:{id:"arcgis/dark-gray",language:"zh-CN"}}),e!=null&&e.hdLayers){const i=e.hdLayers.map(n=>new q({url:m(n.url,e.assetsRoot),...n.options,title:n.options.id}));c.addMany(i)}return this.view.ui.remove("attribution"),this.view.ui.add("compass","top-left"),await this.view.when(),this.view}async setMapCenter(t){return this.view?(t.center?await this.view.goTo({target:t.center,zoom:t.zoom},{duration:(t.duration||0)*1e3}):t.camera&&await this.view.goTo(t.camera,{duration:(t.duration||0)*1e3}),{status:0,message:"成功"}):{status:-1,message:"未初始化"}}async lookAt(t){if(this.view.type==="2d")return;const s=t.tilt||0,e=t.heading||0;if(s===0)await this.view.goTo({position:{x:t.center[0],y:t.center[1],z:t.height},heading:e,tilt:0},{duration:(t.duration||2)*1e3});else{const a=Math.tan(s*Math.PI/180)*t.height,h=L(_.point(t.center),a,e+180,{units:"meters"});await this.view.goTo({position:{x:h.geometry.coordinates[0],y:h.geometry.coordinates[1],z:t.height},heading:e,tilt:s},{duration:(t.duration||2)*1e3})}}async setMapCamera(t){if(!this.view)return{status:-1,message:"未初始化"};const{crossId:s,duration:e=0}=t,{camera:a}=this.mapConfig;return a?a[s]?(await this.view.goTo({target:a.center,zoom:t.zoom||15},{duration:e*1e3}),{status:0,message:"成功"}):{status:-1,message:"未配置camera"}:{status:-1,message:"未配置camera"}}requestCoordinateTransform(t,s){let e=0;const h=1e3/30,w=M.watch(()=>this.view.center,()=>{const c=this.transformPoints(t),i=Date.now();i-e>h&&(s(c),e=i)});return this.handleIndex++,this.watchHandleMap.set(this.handleIndex,w),{handle:this.handleIndex,points:this.transformPoints(t)}}transformPoints(t){return t.map(s=>{const e=new z.Point({x:s[0],y:s[1]}),a=this.view.toScreen(e);return[a.x,a.y]})}cancelCoordinateTransform(t){const s=this.watchHandleMap.get(t);s&&(s.remove(),this.watchHandleMap.delete(t))}setMapZoomRange(t){const{min:s,max:e}=t;!s&&!e||(this.zoomWatchHandle&&this.zoomWatchHandle.remove(),this.zoomWatchHandle=M.watch(()=>this.view.zoom,a=>{s&&a<=s&&(this.view.zoom=s),e&&a>=e&&(this.view.zoom=e)}))}}exports.default=H;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const P=require("@arcgis/core/Basemap"),k=require("@arcgis/core/Map"),g=require("@arcgis/core/config"),z=require("@arcgis/core/core/reactiveUtils"),q=require("@arcgis/core/geometry"),O=require("@arcgis/core/geometry/support/webMercatorUtils"),S=require("@arcgis/core/layers/GeoJSONLayer"),W=require("@arcgis/core/layers/TileLayer"),x=require("@arcgis/core/layers/WebTileLayer"),L=require("@arcgis/core/views/MapView"),R=require("@arcgis/core/views/SceneView"),H=require("@turf/destination"),I=require("@turf/helpers"),_=require("../stores/index.js");function v(r){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const i in r)if(i!=="default"){const e=Object.getOwnPropertyDescriptor(r,i);Object.defineProperty(t,i,e.get?e:{enumerable:!0,get:()=>r[i]})}}return t.default=r,Object.freeze(t)}const T=v(z),p=v(O),G=v(I);function b(r,t){return r.startsWith("http://")||r.startsWith("https://")?r:t+r}class N{constructor(){this.mapConfig={},this.watchHandleMap=new Map,this.handleIndex=0,this.zoomWatchHandle=null}async initialize(t){const i=_.default.useAppDataStore,e=JSON.parse(JSON.stringify(i.mapConfig));this.mapConfig=e;const{container:o,markerClickCallback:n,mapClickCallback:m}=t;g.assetsPath=`${e.assetsRoot}/ArcgisAssets`,g.fontsUrl=`${e.assetsRoot}/fonts`,g.apiKey="AAPKf5a3e1044d7a4faeb3b1ec7060f5c68equIrP2KbRyL-t_b40Kk4GTWUQ1BFCyttvyQPQnWpFmBd7kp9gkrVihjfmcKBwxjW";const h=new k;if((e==null?void 0:e.mapOptions.mode.toLowerCase())==="2d"?this.view=new L({map:h,container:o,...e.mapOptions}):this.view=new R({map:h,container:o,...e==null?void 0:e.mapOptions}),this.view.on("click",async s=>{var y,M;if(m){let a=s.mapPoint;a.spatialReference.isWebMercator&&(a=p.webMercatorToGeographic(a)),m([a.x,a.y],[s.screenPoint.x,s.screenPoint.y],s)}if(this.view.type==="3d"){const a=this.view.camera;if(this.view.spatialReference.isWebMercator){const u=p.webMercatorToGeographic(a.position),d={heading:a.heading,tilt:a.tilt,position:u.toJSON()};console.log(d),(y=navigator.clipboard)==null||y.writeText(JSON.stringify(d))}else console.log(a.toJSON())}else{let a=this.view.center;this.view.spatialReference.isWebMercator&&(a=p.webMercatorToGeographic(a)),console.log({center:a.toJSON(),zoom:this.view.zoom})}const l=(M=(await this.view.hitTest(s)).results)==null?void 0:M.filter(a=>a.type==="graphic");l.length>0&&l.forEach(a=>{var d;const u=a.graphic;(d=u.attributes)!=null&&d.type&&n&&n(u.attributes.type,u.attributes.id,u.attributes,s)})}),e!=null&&e.baseLayers?e.baseLayers.forEach(s=>{switch(s.type.toLowerCase()){case"webTile".toLowerCase():{const c=b(s.url,e.assetsRoot),l=new x({urlTemplate:c,...s.options});h.add(l);break}case"tile":{const c=b(s.url,e.assetsRoot),l=new W({url:c,...s.options});h.add(l);break}case"arcgis":{const c=new P(s.options);h.basemap=c;break}}}):h.basemap=new P({style:{id:"arcgis/dark-gray",language:"zh-CN"}}),e!=null&&e.hdLayers){const s=e.hdLayers.map(c=>new S({url:b(c.url,e.assetsRoot),...c.options,title:c.options.id}));h.addMany(s)}this.view.ui.remove("attribution"),this.view.ui.add("compass","top-left"),await this.view.when();const w=this.mapConfig.camera;let f;if(this.view.type==="2d"){let s=this.view.center;this.view.spatialReference.isWebMercator&&(s=p.webMercatorToGeographic(s)),f={center:[s.x,s.y],zoom:this.view.zoom}}else{let s=this.view.camera.position;this.view.spatialReference.isWebMercator&&(s=p.webMercatorToGeographic(s)),f={position:s,heading:this.view.camera.heading,tilt:this.view.camera.tilt}}return w?w.home=f:this.mapConfig.camera={home:f},this.view}setLayerVisibility(t){const{id:i,visible:e}=t,o=this.view.map.findLayerById(i);return o?(o.visible=e,{status:0,message:"ok"}):{status:-1,message:"未找到图层"}}async setMapCenter(t){return this.view?(t.center?await this.view.goTo({target:t.center,zoom:t.zoom},{duration:(t.duration||0)*1e3}):t.camera&&await this.view.goTo(t.camera,{duration:(t.duration||0)*1e3}),{status:0,message:"成功"}):{status:-1,message:"未初始化"}}async lookAt(t){if(this.view.type==="2d")return;const i=t.tilt||0,e=t.heading||0;if(i===0)await this.view.goTo({position:{x:t.center[0],y:t.center[1],z:t.height},heading:e,tilt:0},{duration:(t.duration||2)*1e3});else{const o=Math.tan(i*Math.PI/180)*t.height,n=H(G.point(t.center),o,e+180,{units:"meters"});await this.view.goTo({position:{x:n.geometry.coordinates[0],y:n.geometry.coordinates[1],z:t.height},heading:e,tilt:i},{duration:(t.duration||2)*1e3})}}async setMapCamera(t){if(!this.view)return{status:-1,message:"未初始化"};const{name:i,duration:e=0}=t,{camera:o}=this.mapConfig;if(!o)return{status:-1,message:"未配置camera"};const n=o[i];return n?(console.log("target:",n,e*1e3),await this.view.goTo(n,{duration:e*1e3}),{status:0,message:"成功"}):{status:-1,message:"未配置camera"}}requestCoordinateTransform(t,i){let e=0;const n=1e3/30,m=T.watch(()=>this.view.center,()=>{const h=this.transformPoints(t),w=Date.now();w-e>n&&(i(h),e=w)});return this.handleIndex++,this.watchHandleMap.set(this.handleIndex,m),{handle:this.handleIndex,points:this.transformPoints(t)}}transformPoints(t){return t.map(i=>{const e=new q.Point({x:i[0],y:i[1]}),o=this.view.toScreen(e);return[o.x,o.y]})}cancelCoordinateTransform(t){const i=this.watchHandleMap.get(t);i&&(i.remove(),this.watchHandleMap.delete(t))}setMapZoomRange(t){const{min:i,max:e}=t;!i&&!e||(this.zoomWatchHandle&&this.zoomWatchHandle.remove(),this.zoomWatchHandle=T.watch(()=>this.view.zoom,o=>{i&&o<=i&&(this.view.zoom=i),e&&o>=e&&(this.view.zoom=e)}))}}exports.default=N;

package/lib/src/gis-map/utils/open-drive-renderer/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("@arcgis/core/Graphic"),w=require("@arcgis/core/layers/FeatureLayer"),m=require("axios"),f=require("pako");class b{constructor(e){this.view=e,this.laneLayer=new w({id:"OpenDriveLane",fields:[{name:"ObjectID",alias:"ObjectID",type:"oid"},{name:"id",alias:"编号",type:"string"},{name:"roadId",alias:"道路号",type:"string"},{name:"roadName",alias:"道路名称",type:"string"},{name:"sectionId",alias:"路段号",type:"string"},{name:"laneId",alias:"车道号",type:"string"},{name:"type",alias:"类型",type:"string"}],objectIdField:"ObjectID",geometryType:"polygon",spatialReference:{wkid:4326},source:[],outFields:["*"],renderer:{type:"unique-value",field:"type",defaultSymbol:{type:"simple-fill",color:[100,100,100],style:"solid",outline:{color:"white",width:1}},uniqueValueInfos:[{value:"shoulder",label:"路肩",symbol:{type:"simple-fill",color:"#008000",style:"solid",outline:{color:"white",width:1}}},{value:"border",label:"路沿",symbol:{type:"simple-fill",color:"#DCDCDC",style:"solid",outline:{color:"white",width:1}}},{value:"driving",label:"机动车道",symbol:{type:"simple-fill",color:"#2F4F4F",style:"solid",outline:{color:"white",width:1}}},{value:"none",label:"无",symbol:{type:"simple-fill",color:[111,120,135],style:"none",outline:{color:"white",width:1}}},{value:"restricted",label:"禁行区",symbol:{type:"simple-fill",color:"yellow",style:"solid",outline:{color:"yellow",width:2}}},{value:"parking",label:"停车区",symbol:{type:"simple-fill",color:[115,115,115],style:"solid",outline:{color:"white",width:1}}},{value:"median",label:"中央隔离带",symbol:{type:"simple-fill",color:"#008000",style:"solid",outline:{color:"white",width:1}}},{value:"biking",label:"非机动车道",symbol:{type:"simple-fill",color:"#D3D3D3",style:"solid",outline:{color:"white",width:1}}},{value:"sidewalk",label:"人行道",symbol:{type:"simple-fill",color:"#C0C0C0",style:"solid",outline:{color:"white",width:1}}},{value:"junction",label:"路口区域",symbol:{type:"simple-fill",color:"#2F4F4F",style:"solid",outline:{color:"white",width:1}}},{value:"selected",label:"选中车道",symbol:{type:"simple-fill",color:[141,168,211],style:"solid",outline:{color:"white",width:1}}}]}}),this.view.map.add(this.laneLayer)}async showOpenDrive(e,i){const t=`http://${e}/api/openDrive/analyzeXodr`,o=await m.get(t,{headers:{projectName:i},params:{analyze:!1,compressed:!0}});if(o.status!==200)throw new Error(`OpenDriveRenderer: ${o.statusText}`);let l=o.data.result.json;l.startsWith(window.location.protocol)||(l=`${window.location.protocol}://${e}${l}`);const r=await(await fetch(l)).arrayBuffer(),n=f.inflate(r,{to:"string"}),a=JSON.parse(n);this.showRoad(a)}async showRoad(e){const i=await this.laneLayer.queryFeatures();i.features.length>0&&this.laneLayer.applyEdits({deleteFeatures:i.features});for(const t of e){const o=t.id,l=[];for(const s of t.laneSections){const r=s.id;for(const n of s.lanePaths){const{id:a,type:y,innerPath:d,outerPath:p}=n,c=d.concat(p.reverse());c.push(d[0]);const u=new h({geometry:{type:"polygon",rings:[c]},attributes:{id:a,roadId:o,roadName:t.name,sectionId:r,laneId:a,type:y}});l.push(u)}}await this.laneLayer.applyEdits({addFeatures:l})}}async hideOpenDrive(){const e=await this.laneLayer.queryFeatures();e.features.length>0&&this.laneLayer.applyEdits({deleteFeatures:e.features})}}exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("@arcgis/core/Graphic"),w=require("@arcgis/core/layers/FeatureLayer"),m=require("axios"),f=require("pako");class b{constructor(e){this.view=e,this.laneLayer=new w({id:"OpenDriveLane",fields:[{name:"ObjectID",alias:"ObjectID",type:"oid"},{name:"id",alias:"编号",type:"string"},{name:"roadId",alias:"道路号",type:"string"},{name:"roadName",alias:"道路名称",type:"string"},{name:"sectionId",alias:"路段号",type:"string"},{name:"laneId",alias:"车道号",type:"string"},{name:"type",alias:"类型",type:"string"}],objectIdField:"ObjectID",geometryType:"polygon",spatialReference:{wkid:4326},source:[],outFields:["*"],renderer:{type:"unique-value",field:"type",defaultSymbol:{type:"simple-fill",color:[100,100,100],style:"solid",outline:{color:"white",width:1}},uniqueValueInfos:[{value:"shoulder",label:"路肩",symbol:{type:"simple-fill",color:"#008000",style:"solid",outline:{color:"white",width:1}}},{value:"border",label:"路沿",symbol:{type:"simple-fill",color:"#DCDCDC",style:"solid",outline:{color:"white",width:1}}},{value:"driving",label:"机动车道",symbol:{type:"simple-fill",color:[47,79,79,.5],style:"solid",outline:{color:"white",width:1}}},{value:"none",label:"无",symbol:{type:"simple-fill",color:[111,120,135],style:"none",outline:{color:"white",width:1}}},{value:"restricted",label:"禁行区",symbol:{type:"simple-fill",color:"yellow",style:"solid",outline:{color:"yellow",width:2}}},{value:"parking",label:"停车区",symbol:{type:"simple-fill",color:[115,115,115],style:"solid",outline:{color:"white",width:1}}},{value:"median",label:"中央隔离带",symbol:{type:"simple-fill",color:"#008000",style:"solid",outline:{color:"white",width:1}}},{value:"biking",label:"非机动车道",symbol:{type:"simple-fill",color:"#D3D3D3",style:"solid",outline:{color:"white",width:1}}},{value:"sidewalk",label:"人行道",symbol:{type:"simple-fill",color:"#C0C0C0",style:"solid",outline:{color:"white",width:1}}},{value:"junction",label:"路口区域",symbol:{type:"simple-fill",color:"#2F4F4F",style:"solid",outline:{color:"white",width:1}}},{value:"selected",label:"选中车道",symbol:{type:"simple-fill",color:[141,168,211],style:"solid",outline:{color:"white",width:1}}}]}}),this.view.map.add(this.laneLayer)}async showOpenDrive(e,i){const t=`http://${e}/api/openDrive/analyzeXodr`,o=await m.get(t,{headers:{projectName:i},params:{analyze:!1,compressed:!0}});if(o.status!==200)throw new Error(`OpenDriveRenderer: ${o.statusText}`);let l=o.data.result.json;l.startsWith(window.location.protocol)||(l=`${window.location.protocol}//${e}${l}`);const r=await(await fetch(l)).arrayBuffer(),n=f.inflate(r,{to:"string"}),a=JSON.parse(n);this.showRoad(a)}async showRoad(e){const i=await this.laneLayer.queryFeatures();i.features.length>0&&this.laneLayer.applyEdits({deleteFeatures:i.features});for(const t of e){const o=t.id,l=[];for(const s of t.laneSections){const r=s.id;for(const n of s.lanePaths){const{id:a,type:y,innerPath:d,outerPath:p}=n,c=d.concat(p.reverse());c.push(d[0]);const u=new h({geometry:{type:"polygon",rings:[c]},attributes:{id:a,roadId:o,roadName:t.name,sectionId:r,laneId:a,type:y}});l.push(u)}}await this.laneLayer.applyEdits({addFeatures:l})}}async hideOpenDrive(){const e=await this.laneLayer.queryFeatures();e.features.length>0&&this.laneLayer.applyEdits({deleteFeatures:e.features})}}exports.default=b;

package/lib/src/gis-map/utils/renderer/greenWaveline.d.ts

@@ -1,2 +1,2 @@
-declare const greenWavelineView: any;
-export default greenWavelineView;
+declare const GreenWavelineView: any;
+export default GreenWavelineView;

package/lib/src/gis-map/utils/renderer/greenWaveline.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const E=require("@arcgis/core/views/2d/layers/BaseLayerViewGL2D"),o=require("gl-matrix"),R=require("@arcgis/core/layers/GraphicsLayer"),T=require("@arcgis/core/core/reactiveUtils");function U(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const l=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(a,s,l.get?l:{enumerable:!0,get:()=>t[s]})}}return a.default=t,Object.freeze(a)}const B=U(T),V=E.createSubclass({aPosition:0,aOffset:1,aDistance:2,aSide:3,aColor:4,constructor:function(){this.transform=o.mat3.create(),this.extrude=o.mat3.create(),this.translationToCenter=o.vec2.create(),this.screenTranslation=o.vec2.create(),this.display=o.mat3.fromValues(NaN,0,0,0,NaN,0,-1,1,1),this.screenScaling=o.vec3.fromValues(NaN,NaN,1),this.needsUpdate=!1},attach:function(){const t=this.context,a=()=>{this.needsUpdate=!0,this.requestRender()};this.watcher=B.on(()=>this.layer.graphics,"change",a);const s=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const E=require("@arcgis/core/layers/GraphicsLayer"),R=require("@arcgis/core/views/2d/layers/BaseLayerViewGL2D"),o=require("gl-matrix"),T=require("@arcgis/core/core/reactiveUtils");function U(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const l=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(a,s,l.get?l:{enumerable:!0,get:()=>t[s]})}}return a.default=t,Object.freeze(a)}const B=U(T),V=R.createSubclass({aPosition:0,aOffset:1,aDistance:2,aSide:3,aColor:4,constructor:function(){this.transform=o.mat3.create(),this.extrude=o.mat3.create(),this.translationToCenter=o.vec2.create(),this.screenTranslation=o.vec2.create(),this.display=o.mat3.fromValues(NaN,0,0,0,NaN,0,-1,1,1),this.screenScaling=o.vec3.fromValues(NaN,NaN,1),this.needsUpdate=!1},attach:function(){const t=this.context,a=()=>{this.needsUpdate=!0,this.requestRender()};this.watcher=B.on(()=>this.layer.graphics,"change",a);const s=`
         precision highp float;
 
         uniform mat3 u_transform;
@@ -32,7 +32,7 @@
 
         const float TRAIL_SPEED = 90.0;
         const float TRAIL_LENGTH = 300.0;
-        const float TRAIL_CYCLE = 1000.0;
+        const float TRAIL_CYCLE = 500.0;
 
         void main(void) {
           float d = mod(v_distance - u_current_time * TRAIL_SPEED, TRAIL_CYCLE);
@@ -40,4 +40,4 @@
           float a2 = exp(-abs(v_side) * 3.0);
           float a = a1 * a2;
           gl_FragColor = v_color * a;
-        }`,u=t.createShader(t.VERTEX_SHADER);t.shaderSource(u,s),t.compileShader(u);const m=t.createShader(t.FRAGMENT_SHADER);if(t.shaderSource(m,l),t.compileShader(m),this.program=t.createProgram(),t.attachShader(this.program,u),t.attachShader(this.program,m),t.bindAttribLocation(this.program,this.aPosition,"a_position"),t.bindAttribLocation(this.program,this.aOffset,"a_offset"),t.bindAttribLocation(this.program,this.aDistance,"a_distance"),t.bindAttribLocation(this.program,this.aSide,"a_side"),t.bindAttribLocation(this.program,this.aColor,"a_color"),t.linkProgram(this.program),t.deleteShader(u),t.deleteShader(m),this.uTransform=t.getUniformLocation(this.program,"u_transform"),this.uExtrude=t.getUniformLocation(this.program,"u_extrude"),this.uDisplay=t.getUniformLocation(this.program,"u_display"),this.uCurrentTime=t.getUniformLocation(this.program,"u_current_time"),this.vertexBuffer=t.createBuffer(),this.indexBuffer=t.createBuffer(),this.indexBufferSize=0,t.getParameter(t.VERSION).startsWith("WebGL 2.0"))this.vao=t.createVertexArray(),this.bindVertexArray=d=>t.bindVertexArray(d),this.deleteVertexArray=d=>t.deleteVertexArray(d);else{const d=t.getExtension("OES_vertex_array_object");this.vao=d.createVertexArrayOES(),this.bindVertexArray=A=>d.bindVertexArrayOES(A),this.deleteVertexArray=A=>d.deleteVertexArrayOES(A)}this.bindVertexArray(this.vao),t.bindBuffer(t.ARRAY_BUFFER,this.vertexBuffer),t.bindBuffer(t.ELEMENT_ARRAY_BUFFER,this.indexBuffer),t.enableVertexAttribArray(this.aPosition),t.enableVertexAttribArray(this.aOffset),t.enableVertexAttribArray(this.aDistance),t.enableVertexAttribArray(this.aSide),t.enableVertexAttribArray(this.aColor),t.vertexAttribPointer(this.aPosition,2,t.FLOAT,!1,28,0),t.vertexAttribPointer(this.aOffset,2,t.FLOAT,!1,28,8),t.vertexAttribPointer(this.aDistance,1,t.FLOAT,!1,28,16),t.vertexAttribPointer(this.aSide,1,t.FLOAT,!1,28,20),t.vertexAttribPointer(this.aColor,4,t.UNSIGNED_BYTE,!0,28,24),this.bindVertexArray(null),this.centerAtLastUpdate=o.vec2.fromValues(this.view.state.center[0],this.view.state.center[1])},detach:function(){this.watcher.remove();const t=this.context;t.deleteBuffer(this.vertexBuffer),t.deleteBuffer(this.indexBuffer),this.deleteVertexArray(this.vao),t.deleteProgram(this.program)},render:function(t){const a=t.context,s=t.state;if(this.updatePositions(t),this.indexBufferSize===0)return;o.mat3.identity(this.transform),this.screenTranslation[0]=s.pixelRatio*s.size[0]/2,this.screenTranslation[1]=s.pixelRatio*s.size[1]/2,o.mat3.translate(this.transform,this.transform,this.screenTranslation),o.mat3.rotate(this.transform,this.transform,Math.PI*s.rotation/180),this.screenScaling[0]=s.pixelRatio/s.resolution,this.screenScaling[1]=-s.pixelRatio/s.resolution,o.mat3.scale(this.transform,this.transform,this.screenScaling),o.mat3.translate(this.transform,this.transform,this.translationToCenter),o.mat3.identity(this.extrude),o.mat3.rotate(this.extrude,this.extrude,Math.PI*s.rotation/180);const l=8;o.mat3.scale(this.extrude,this.extrude,[l,-l,1]),this.display[0]=2/(s.pixelRatio*s.size[0]),this.display[4]=-2/(s.pixelRatio*s.size[1]),a.useProgram(this.program),a.uniformMatrix3fv(this.uTransform,!1,this.transform),a.uniformMatrix3fv(this.uExtrude,!1,this.extrude),a.uniformMatrix3fv(this.uDisplay,!1,this.display),a.uniform1f(this.uCurrentTime,performance.now()/1e3),this.bindVertexArray(this.vao),a.enable(a.BLEND),a.blendFunc(a.ONE,a.ONE_MINUS_SRC_ALPHA),a.drawElements(a.TRIANGLES,this.indexBufferSize,a.UNSIGNED_SHORT,0),this.requestRender()},updatePositions:function(t){const a=t.context,s=t.stationary,l=t.state;if(!s){o.vec2.sub(this.translationToCenter,this.centerAtLastUpdate,l.center),this.requestRender();return}if(!this.needsUpdate&&this.translationToCenter[0]===0&&this.translationToCenter[1]===0)return;this.centerAtLastUpdate.set(l.center),this.translationToCenter[0]=0,this.translationToCenter[1]=0,this.needsUpdate=!1;const u=this.layer.graphics;let m=0,d=0;for(let p=0;p<u.items.length;++p){const _=u.items[p].geometry.paths[0];m+=_.length*2,d+=(_.length-1)*6}const A=new ArrayBuffer(7*m*4),i=new Float32Array(A),n=new Uint8Array(A),c=new Uint16Array(d);let r=0,f=0;for(let p=0;p<u.items.length;++p){const v=u.items[p],_=v.geometry.paths[0],h=v.attributes.color,e={};for(let g=0;g<_.length;++g){const b=_[g];if(e.current){e.delta=[b[0]-e.current[0],b[1]-e.current[1]];const y=Math.sqrt(e.delta[0]*e.delta[0]+e.delta[1]*e.delta[1]);e.direction=[e.delta[0]/y,e.delta[1]/y];const x=[-e.direction[1],e.direction[0]];if(e.normal){e.offset=[e.normal[0]+x[0],e.normal[1]+x[1]];const L=Math.sqrt(e.offset[0]*e.offset[0]+e.offset[1]*e.offset[1]);e.offset[0]/=L,e.offset[1]/=L;const S=e.normal[0]*e.offset[0]+e.normal[1]*e.offset[1];e.offset[0]/=S,e.offset[1]/=S}else e.offset=[x[0],x[1]];i[r*7+0]=e.current[0]-this.centerAtLastUpdate[0],i[r*7+1]=e.current[1]-this.centerAtLastUpdate[1],i[r*7+2]=e.offset[0],i[r*7+3]=e.offset[1],i[r*7+4]=e.distance,i[r*7+5]=1,n[4*(r*7+6)+0]=h[0],n[4*(r*7+6)+1]=h[1],n[4*(r*7+6)+2]=h[2],n[4*(r*7+6)+3]=255,i[r*7+7]=e.current[0]-this.centerAtLastUpdate[0],i[r*7+8]=e.current[1]-this.centerAtLastUpdate[1],i[r*7+9]=-e.offset[0],i[r*7+10]=-e.offset[1],i[r*7+11]=e.distance,i[r*7+12]=-1,n[4*(r*7+13)+0]=h[0],n[4*(r*7+13)+1]=h[1],n[4*(r*7+13)+2]=h[2],n[4*(r*7+13)+3]=255,r+=2,g>=2&&(c[f+0]=r-4,c[f+1]=r-3,c[f+2]=r-2,c[f+3]=r-3,c[f+4]=r-1,c[f+5]=r-2,f+=6),e.normal=x,e.distance+=y}else e.distance=0;e.current=b}e.offset=[e.normal[0],e.normal[1]],i[r*7+0]=e.current[0]-this.centerAtLastUpdate[0],i[r*7+1]=e.current[1]-this.centerAtLastUpdate[1],i[r*7+2]=e.offset[0],i[r*7+3]=e.offset[1],i[r*7+4]=e.distance,i[r*7+5]=1,n[4*(r*7+6)+0]=h[0],n[4*(r*7+6)+1]=h[1],n[4*(r*7+6)+2]=h[2],n[4*(r*7+6)+3]=255,i[r*7+7]=e.current[0]-this.centerAtLastUpdate[0],i[r*7+8]=e.current[1]-this.centerAtLastUpdate[1],i[r*7+9]=-e.offset[0],i[r*7+10]=-e.offset[1],i[r*7+11]=e.distance,i[r*7+12]=-1,n[4*(r*7+13)+0]=h[0],n[4*(r*7+13)+1]=h[1],n[4*(r*7+13)+2]=h[2],n[4*(r*7+13)+3]=255,r+=2,c[f+0]=r-4,c[f+1]=r-3,c[f+2]=r-2,c[f+3]=r-3,c[f+4]=r-1,c[f+5]=r-2,f+=6,e.current=null}a.bindBuffer(a.ARRAY_BUFFER,this.vertexBuffer),a.bufferData(a.ARRAY_BUFFER,A,a.STATIC_DRAW),a.bindBuffer(a.ELEMENT_ARRAY_BUFFER,this.indexBuffer),a.bufferData(a.ELEMENT_ARRAY_BUFFER,c,a.STATIC_DRAW),this.indexBufferSize=c.length}}),C=R.createSubclass({createLayerView:function(t){if(t.type==="2d")return new V({view:t,layer:this})}});exports.default=C;
+        }`,u=t.createShader(t.VERTEX_SHADER);t.shaderSource(u,s),t.compileShader(u);const m=t.createShader(t.FRAGMENT_SHADER);if(t.shaderSource(m,l),t.compileShader(m),this.program=t.createProgram(),t.attachShader(this.program,u),t.attachShader(this.program,m),t.bindAttribLocation(this.program,this.aPosition,"a_position"),t.bindAttribLocation(this.program,this.aOffset,"a_offset"),t.bindAttribLocation(this.program,this.aDistance,"a_distance"),t.bindAttribLocation(this.program,this.aSide,"a_side"),t.bindAttribLocation(this.program,this.aColor,"a_color"),t.linkProgram(this.program),t.deleteShader(u),t.deleteShader(m),this.uTransform=t.getUniformLocation(this.program,"u_transform"),this.uExtrude=t.getUniformLocation(this.program,"u_extrude"),this.uDisplay=t.getUniformLocation(this.program,"u_display"),this.uCurrentTime=t.getUniformLocation(this.program,"u_current_time"),this.vertexBuffer=t.createBuffer(),this.indexBuffer=t.createBuffer(),this.indexBufferSize=0,t.getParameter(t.VERSION).startsWith("WebGL 2.0"))this.vao=t.createVertexArray(),this.bindVertexArray=d=>t.bindVertexArray(d),this.deleteVertexArray=d=>t.deleteVertexArray(d);else{const d=t.getExtension("OES_vertex_array_object");this.vao=d.createVertexArrayOES(),this.bindVertexArray=A=>d.bindVertexArrayOES(A),this.deleteVertexArray=A=>d.deleteVertexArrayOES(A)}this.bindVertexArray(this.vao),t.bindBuffer(t.ARRAY_BUFFER,this.vertexBuffer),t.bindBuffer(t.ELEMENT_ARRAY_BUFFER,this.indexBuffer),t.enableVertexAttribArray(this.aPosition),t.enableVertexAttribArray(this.aOffset),t.enableVertexAttribArray(this.aDistance),t.enableVertexAttribArray(this.aSide),t.enableVertexAttribArray(this.aColor),t.vertexAttribPointer(this.aPosition,2,t.FLOAT,!1,28,0),t.vertexAttribPointer(this.aOffset,2,t.FLOAT,!1,28,8),t.vertexAttribPointer(this.aDistance,1,t.FLOAT,!1,28,16),t.vertexAttribPointer(this.aSide,1,t.FLOAT,!1,28,20),t.vertexAttribPointer(this.aColor,4,t.UNSIGNED_BYTE,!0,28,24),this.bindVertexArray(null),this.centerAtLastUpdate=o.vec2.fromValues(this.view.state.center[0],this.view.state.center[1])},detach:function(){this.watcher.remove();const t=this.context;t.deleteBuffer(this.vertexBuffer),t.deleteBuffer(this.indexBuffer),this.deleteVertexArray(this.vao),t.deleteProgram(this.program)},render:function(t){const a=t.context,s=t.state;if(this.updatePositions(t),this.indexBufferSize===0)return;o.mat3.identity(this.transform),this.screenTranslation[0]=s.pixelRatio*s.size[0]/2,this.screenTranslation[1]=s.pixelRatio*s.size[1]/2,o.mat3.translate(this.transform,this.transform,this.screenTranslation),o.mat3.rotate(this.transform,this.transform,Math.PI*s.rotation/180),this.screenScaling[0]=s.pixelRatio/s.resolution,this.screenScaling[1]=-s.pixelRatio/s.resolution,o.mat3.scale(this.transform,this.transform,this.screenScaling),o.mat3.translate(this.transform,this.transform,this.translationToCenter),o.mat3.identity(this.extrude),o.mat3.rotate(this.extrude,this.extrude,Math.PI*s.rotation/180);const l=8;o.mat3.scale(this.extrude,this.extrude,[l,-l,1]),this.display[0]=2/(s.pixelRatio*s.size[0]),this.display[4]=-2/(s.pixelRatio*s.size[1]),a.useProgram(this.program),a.uniformMatrix3fv(this.uTransform,!1,this.transform),a.uniformMatrix3fv(this.uExtrude,!1,this.extrude),a.uniformMatrix3fv(this.uDisplay,!1,this.display),a.uniform1f(this.uCurrentTime,performance.now()/1e3),this.bindVertexArray(this.vao),a.enable(a.BLEND),a.blendFunc(a.ONE,a.ONE_MINUS_SRC_ALPHA),a.drawElements(a.TRIANGLES,this.indexBufferSize,a.UNSIGNED_SHORT,0),this.requestRender()},updatePositions:function(t){const a=t.context,s=t.stationary,l=t.state;if(!s){o.vec2.sub(this.translationToCenter,this.centerAtLastUpdate,l.center),this.requestRender();return}if(!this.needsUpdate&&this.translationToCenter[0]===0&&this.translationToCenter[1]===0)return;this.centerAtLastUpdate.set(l.center),this.translationToCenter[0]=0,this.translationToCenter[1]=0,this.needsUpdate=!1;const u=this.layer.graphics;let m=0,d=0;for(let p=0;p<u.items.length;++p){const _=u.items[p].geometry.paths[0];m+=_.length*2,d+=(_.length-1)*6}const A=new ArrayBuffer(7*m*4),i=new Float32Array(A),n=new Uint8Array(A),c=new Uint16Array(d);let r=0,f=0;for(let p=0;p<u.items.length;++p){const v=u.items[p],_=v.geometry.paths[0],h=v.attributes.color,e={};for(let g=0;g<_.length;++g){const b=_[g];if(e.current){e.delta=[b[0]-e.current[0],b[1]-e.current[1]];const y=Math.sqrt(e.delta[0]*e.delta[0]+e.delta[1]*e.delta[1]);e.direction=[e.delta[0]/y,e.delta[1]/y];const x=[-e.direction[1],e.direction[0]];if(e.normal){e.offset=[e.normal[0]+x[0],e.normal[1]+x[1]];const L=Math.sqrt(e.offset[0]*e.offset[0]+e.offset[1]*e.offset[1]);e.offset[0]/=L,e.offset[1]/=L;const S=e.normal[0]*e.offset[0]+e.normal[1]*e.offset[1];e.offset[0]/=S,e.offset[1]/=S}else e.offset=[x[0],x[1]];i[r*7+0]=e.current[0]-this.centerAtLastUpdate[0],i[r*7+1]=e.current[1]-this.centerAtLastUpdate[1],i[r*7+2]=e.offset[0],i[r*7+3]=e.offset[1],i[r*7+4]=e.distance,i[r*7+5]=1,n[4*(r*7+6)+0]=h[0],n[4*(r*7+6)+1]=h[1],n[4*(r*7+6)+2]=h[2],n[4*(r*7+6)+3]=255,i[r*7+7]=e.current[0]-this.centerAtLastUpdate[0],i[r*7+8]=e.current[1]-this.centerAtLastUpdate[1],i[r*7+9]=-e.offset[0],i[r*7+10]=-e.offset[1],i[r*7+11]=e.distance,i[r*7+12]=-1,n[4*(r*7+13)+0]=h[0],n[4*(r*7+13)+1]=h[1],n[4*(r*7+13)+2]=h[2],n[4*(r*7+13)+3]=255,r+=2,g>=2&&(c[f+0]=r-4,c[f+1]=r-3,c[f+2]=r-2,c[f+3]=r-3,c[f+4]=r-1,c[f+5]=r-2,f+=6),e.normal=x,e.distance+=y}else e.distance=0;e.current=b}e.offset=[e.normal[0],e.normal[1]],i[r*7+0]=e.current[0]-this.centerAtLastUpdate[0],i[r*7+1]=e.current[1]-this.centerAtLastUpdate[1],i[r*7+2]=e.offset[0],i[r*7+3]=e.offset[1],i[r*7+4]=e.distance,i[r*7+5]=1,n[4*(r*7+6)+0]=h[0],n[4*(r*7+6)+1]=h[1],n[4*(r*7+6)+2]=h[2],n[4*(r*7+6)+3]=255,i[r*7+7]=e.current[0]-this.centerAtLastUpdate[0],i[r*7+8]=e.current[1]-this.centerAtLastUpdate[1],i[r*7+9]=-e.offset[0],i[r*7+10]=-e.offset[1],i[r*7+11]=e.distance,i[r*7+12]=-1,n[4*(r*7+13)+0]=h[0],n[4*(r*7+13)+1]=h[1],n[4*(r*7+13)+2]=h[2],n[4*(r*7+13)+3]=255,r+=2,c[f+0]=r-4,c[f+1]=r-3,c[f+2]=r-2,c[f+3]=r-3,c[f+4]=r-1,c[f+5]=r-2,f+=6,e.current=null}a.bindBuffer(a.ARRAY_BUFFER,this.vertexBuffer),a.bufferData(a.ARRAY_BUFFER,A,a.STATIC_DRAW),a.bindBuffer(a.ELEMENT_ARRAY_BUFFER,this.indexBuffer),a.bufferData(a.ELEMENT_ARRAY_BUFFER,c,a.STATIC_DRAW),this.indexBufferSize=c.length}}),C=E.createSubclass({createLayerView:function(t){if(t.type==="2d")return new V({view:t,layer:this})}});exports.default=C;

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

@@ -49,6 +49,10 @@ export interface ISetMapCenterParams {
     zoom?: number;
     duration?: number;
 }
+export interface ILayerVisibleParams {
+    id: string;
+    visible: boolean;
+}
 export interface ILookAtParams {
     center: number[];
     height: number;
@@ -120,7 +124,7 @@ export interface IOverlayParam {
     visible?: boolean;
 }
 export interface ISetMapCameraParams {
-    crossId: string;
+    name: string;
     zoom?: number;
     duration?: number;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gisviewer-vue3-arcgis",
-  "version": "1.0.88",
+  "version": "1.0.90",
   "main": "lib/index.js",
   "module": "es/index.mjs",
   "files": [