gisviewer-vue3-arcgis 1.0.85

package/es/src/gis-map/utils/traffic-flow.mjs

@@ -0,0 +1,308 @@
+import m from "@arcgis/core/Graphic";
+import { Point as p } from "@arcgis/core/geometry";
+import f from "@arcgis/core/layers/GraphicsLayer";
+import u from "../stores/index.mjs";
+import y from "./common-utils.mjs";
+class x {
+  constructor(o) {
+    this.maxMissCount = 2, this.objectMissCount = /* @__PURE__ */ new Map(), this.showVehiclePlate = !0, this.showLog = !1, this.focusVehNo = "", this.view = o;
+    const e = u.useAppDataStore;
+    this.mapConfig = JSON.parse(JSON.stringify(e.mapConfig)), this.objectsLayer = new f(), this.view.map.add(this.objectsLayer);
+  }
+  /**
+   * 开始显示交通流数据
+   * @param url
+   * @param options
+   */
+  connectTrafficFlow(o, e) {
+    var t;
+    this.showVehiclePlate = (e == null ? void 0 : e.showVehiclePlate) !== !1, this.showLog = (e == null ? void 0 : e.showTraceLog) === !0, (t = this.webSocket) == null || t.close(), this.webSocket = new WebSocket(o), this.webSocket.onopen = () => {
+      console.log("websocket连接成功"), this.objectMissCount.clear();
+    }, this.webSocket.onclose = () => {
+      console.log("websocket连接关闭");
+    }, this.webSocket.onmessage = (a) => {
+      this.handleTrafficFlowData(a.data);
+    };
+  }
+  /**
+   * 停止显示交通流数据
+   */
+  disconnectTrafficFlow() {
+    var o;
+    (o = this.webSocket) == null || o.close(), this.objectsLayer.removeAll(), this.objectMissCount.clear();
+  }
+  /**
+   * 控制车辆号牌是否显示
+   * @param visible
+   */
+  toggleVehiclePlate(o) {
+    this.showVehiclePlate = o;
+  }
+  handleTrafficFlowData(o) {
+    const e = y.unzip(o);
+    if (!e)
+      return;
+    const t = [], a = [], n = [], l = JSON.parse(e);
+    this.showLog && console.log(l);
+    const s = l.data || l.rtPositionList;
+    if (!s || s.length === 0)
+      return;
+    const h = new Date(l.jgsj).getTime();
+    for (const r of s) {
+      const i = this.buildVehicleTrackData(r, h);
+      i && (this.objectMissCount.has(i.ptcId) ? t.push(i) : a.push(i), this.objectMissCount.set(i.ptcId, 0));
+    }
+    for (const r of this.objectMissCount) {
+      const i = r[0];
+      let c = r[1];
+      s.findIndex((b) => b.vehno === i) < 0 && (c++, this.objectMissCount.set(i, c), c === this.maxMissCount && n.push(i));
+    }
+    for (const r of n)
+      this.objectMissCount.delete(r);
+    this.addTrafficObjects(a), this.updateTrafficObjects(t), this.deleteTrafficObjects(n);
+  }
+  /**
+   * 新增交通对象
+   * @param objects
+   */
+  addTrafficObjects(o) {
+    const e = o.map(
+      (t) => new m({
+        geometry: new p({ longitude: t.x, latitude: t.y }),
+        symbol: this.createCIMSymbol(t),
+        attributes: t
+      })
+    );
+    this.objectsLayer.addMany(e);
+  }
+  /**
+   * 更新交通对象
+   * @param objects
+   */
+  updateTrafficObjects(o) {
+    o.forEach((e) => {
+      const t = this.objectsLayer.graphics.find(
+        (a) => a.getAttribute("ptcId") === e.ptcId
+      );
+      t && (t.geometry = new p({
+        longitude: e.x,
+        latitude: e.y
+      }), t.symbol = this.createCIMSymbol(e));
+    });
+  }
+  /**
+   * 基于轨迹数据创建cim符号，显示车辆图标和车牌号码
+   * @param vehTrack
+   * @returns
+   */
+  createCIMSymbol(o) {
+    const e = this.getPlateFontColor(o.plateColor);
+    return {
+      type: "cim",
+      data: {
+        type: "CIMSymbolReference",
+        primitiveOverrides: [
+          {
+            // 将textGraphic的TextString替换为graphic.attributes.showName
+            type: "CIMPrimitiveOverride",
+            primitiveName: "textGraphic",
+            propertyName: "TextString",
+            valueExpressionInfo: {
+              type: "CIMExpressionInfo",
+              title: "Custom",
+              expression: "$feature.showName",
+              returnType: "Default"
+            }
+          }
+        ],
+        symbol: {
+          type: "CIMPointSymbol",
+          symbolLayers: [
+            // 车辆号牌
+            {
+              type: "CIMVectorMarker",
+              enable: this.showVehiclePlate,
+              size: 32,
+              colorLocked: !0,
+              anchorPointUnits: "Relative",
+              frame: { xmin: -8, ymin: -8, xmax: 8, ymax: 8 },
+              markerGraphics: [
+                {
+                  type: "CIMMarkerGraphic",
+                  primitiveName: "textGraphic",
+                  geometry: { x: 0, y: 0 },
+                  symbol: {
+                    type: "CIMTextSymbol",
+                    height: 4,
+                    horizontalAlignment: "Center",
+                    offsetX: 0,
+                    offsetY: 8,
+                    haloSize: 1,
+                    haloSymbol: {
+                      type: "CIMPolygonSymbol",
+                      symbolLayers: [
+                        {
+                          type: "CIMSolidFill",
+                          enable: !0,
+                          color: e.backgroundColor
+                        }
+                      ]
+                    },
+                    symbol: {
+                      type: "CIMPolygonSymbol",
+                      symbolLayers: [
+                        {
+                          type: "CIMSolidFill",
+                          enable: !0,
+                          color: e.fillColor
+                        }
+                      ]
+                    },
+                    verticalAlignment: "Center"
+                  },
+                  textString: ""
+                }
+              ],
+              scaleSymbolsProportionally: !0,
+              respectFrame: !0
+            },
+            // 车辆图标
+            {
+              type: "CIMPictureMarker",
+              enable: !0,
+              anchorPoint: {
+                x: 0,
+                y: 0
+              },
+              anchorPointUnits: "Relative",
+              size: 30,
+              rotation: o.heading,
+              rotateClockwise: !0,
+              textureFilter: "Picture",
+              url: `${this.mapConfig.assetsRoot}Images/car/${this.getCarPic(o.vehicleColor).pic}`
+            }
+          ]
+        }
+      }
+    };
+  }
+  /**
+   * 删除交通对象
+   * @param ids
+   */
+  deleteTrafficObjects(o) {
+    o.forEach((e) => {
+      const t = this.objectsLayer.graphics.find(
+        (a) => a.getAttribute("ptcId") === e
+      );
+      t && this.objectsLayer.remove(t);
+    });
+  }
+  buildVehicleTrackData(o, e) {
+    const { hpys: t, csys: a, lng: n, angle: l, hphm: s, lat: h, cx: r } = o, i = o.vehno || o.vehNo;
+    if (!i)
+      return;
+    let c;
+    if (s && s !== "0" && s !== 0 ? c = s.includes("-") ? s.split("-")[1] : s : c = i.includes("-") ? i.split("-")[1] : i, !["1", "2", "3", "4", "5", "6", 1, 2, 3, 4, 5, 6].includes(r)) {
+      console.log("车辆类型错误", r);
+      return;
+    }
+    return {
+      ptcId: i,
+      timestamp: e,
+      localTimestamp: e,
+      x: n,
+      y: h,
+      ptcType: Number(r),
+      heading: l,
+      vehicleColor: a || "z",
+      plateColor: s ? t : "99",
+      showName: c,
+      vehicleType: 99
+    };
+  }
+  /**
+   * 根据车身颜色属性返回对应的车辆图标
+   * @param carColor
+   * @returns
+   */
+  getCarPic(o) {
+    if (this.view.zoom <= 15)
+      return {
+        pic: "point.png",
+        color: [128, 128, 128, 255]
+      };
+    let e = "grey", t = [128, 128, 128, 255];
+    switch (o.toLowerCase()) {
+      case "a":
+        e = "white", t = [200, 200, 200, 255];
+        break;
+      case "b":
+        e = "grey", t = [128, 128, 128, 255];
+        break;
+      case "c":
+        e = "yellow", t = [255, 215, 0, 255];
+        break;
+      case "d":
+        e = "pink", t = [255, 182, 193, 255];
+        break;
+      case "e":
+        e = "red", t = [255, 0, 0, 255];
+        break;
+      case "f":
+        e = "purple", t = [128, 0, 128, 255];
+        break;
+      case "g":
+        e = "green", t = [124, 252, 0, 255];
+        break;
+      case "h":
+        e = "blue", t = [0, 191, 255, 255];
+        break;
+      case "i":
+        e = "brown", t = [244, 164, 96, 255];
+        break;
+      case "j":
+        e = "black", t = [0, 0, 0, 255];
+        break;
+    }
+    return {
+      pic: e + ".png",
+      color: t
+    };
+  }
+  /**
+   * 根据号牌颜色属性获取填充色和背景色
+   * @param plateColor
+   * @returns
+   */
+  getPlateFontColor(o) {
+    let e = [255, 255, 255, 255], t = [169, 169, 169, 255];
+    switch (o) {
+      case 0:
+        e = [0, 0, 0, 255], t = [255, 255, 255, 255];
+        break;
+      case 1:
+        e = [0, 0, 0, 255], t = [244, 164, 96, 255];
+        break;
+      case 2:
+        e = [255, 255, 255, 255], t = [65, 105, 225, 255];
+        break;
+      case 3:
+        e = [255, 255, 255, 255], t = [0, 0, 0, 255];
+        break;
+      case 15:
+        e = [244, 164, 96, 255], t = [0, 250, 154, 255];
+        break;
+      case 16:
+        e = [0, 0, 0, 255], t = [0, 250, 154, 255];
+        break;
+    }
+    return {
+      fillColor: e,
+      backgroundColor: t
+    };
+  }
+}
+export {
+  x as default
+};

package/es/src/index.d.ts

@@ -0,0 +1 @@
+export * from './gis-map';

package/es/src/index.mjs

@@ -0,0 +1,4 @@
+import { GisMap as r } from "./gis-map/index.mjs";
+export {
+  r as GisMap
+};

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

@@ -0,0 +1,142 @@
+/**
+ * 路口象限，路口中心点为坐标轴原点，正北方向为0°。
+ * 225° ~ 315°：西象限。
+ * 315° ~ 45°：北象限。
+ * 45° ~ 135°：东象限。
+ * 135° ~ 225°：南象限。
+ */
+export declare enum QuadrantCode {
+    West = "1",
+    North = "2",
+    East = "3",
+    South = "4"
+}
+export interface IResult {
+    status: number;
+    message: string;
+    result?: any;
+}
+export interface IVehicleTrack {
+    time?: string;
+    timestamp: number;
+    localTimestamp: number;
+    crossId?: string;
+    ptcId: string;
+    x: number;
+    y: number;
+    ptcType: number;
+    vehicleType: number;
+    heading: number;
+    vehicleColor: number | string;
+    plateColor: number;
+    showName?: string;
+    state?: string;
+    fixAngle?: number;
+    speed?: number;
+    plateNo?: string;
+}
+export interface ILaneNumberParams {
+    lanes: {
+        crossId: string;
+        laneNumber: string;
+        stopLineCenter: number[];
+        laneDirection?: number;
+    }[];
+}
+export interface ISetMapCenterParams {
+    center: number[];
+    camera?: {};
+    zoom?: number;
+    duration?: number;
+}
+export interface ILookAtParams {
+    center: number[];
+    height: number;
+    tilt?: number;
+    heading?: number;
+    duration?: number;
+}
+export interface IStartCrossBufferParam {
+    crossId: string;
+    crossCenter: number[];
+    bufferRadius?: number;
+}
+export interface IPoint {
+    type: string;
+    x: number;
+    y: number;
+    z?: number;
+}
+export interface ILine {
+    type: string;
+    paths: number[][][];
+}
+export interface IPolygon {
+    type: string;
+    rings: number[][][];
+}
+export interface IPointSymbol {
+    type: string;
+    style?: string;
+    url?: string;
+    width?: number;
+    height?: number;
+    horizontalOrigin?: string;
+    verticalOrigin?: string;
+    color?: string;
+    size?: number;
+}
+export interface ILineSymbol {
+    type: string;
+    color?: string | number[];
+    width?: number;
+    height?: number;
+    extrudeHeight?: number;
+    cornerType?: string;
+}
+export interface IPolygonSymbol {
+    type: string;
+    style?: string;
+    color?: string | number[];
+    outline?: {
+        color?: string | number[];
+        width?: number;
+    };
+}
+export interface IOverlay {
+    geometry: IPoint | ILine | IPolygon;
+    id?: string;
+    visible?: boolean;
+    symbol?: IPointSymbol | ILineSymbol | IPolygonSymbol;
+    properties?: any;
+}
+export interface IOverlayParam {
+    type?: string;
+    defaultSymbol?: IPointSymbol | ILineSymbol | IPolygonSymbol;
+    defaultVisible?: boolean;
+    overlays: Array<IOverlay>;
+    visible?: boolean;
+}
+export interface ISetMapCameraParams {
+    crossId: string;
+    zoom?: number;
+    duration?: number;
+}
+export interface IQueueLengthParams {
+    crossNo: string;
+    laneId: number;
+    queueLength: number;
+}
+export interface ITraceRendererInterface {
+    addVehicles(objects: IVehicleTrack[]): void;
+    updateVehicles(objects: IVehicleTrack[]): void;
+    deleteVehicles(idList: string[]): void;
+    clearVehicles(): void;
+    updatePanelContent(contentType: EVehiclePlateState): void;
+}
+export declare enum EVehiclePlateState {
+    None = 0,
+    PlateNumber = 1,
+    Id = 2,
+    Mix = 3
+}

package/es/src/types/index.mjs

@@ -0,0 +1,5 @@
+var N = /* @__PURE__ */ ((r) => (r.West = "1", r.North = "2", r.East = "3", r.South = "4", r))(N || {}), x = /* @__PURE__ */ ((r) => (r[r.None = 0] = "None", r[r.PlateNumber = 1] = "PlateNumber", r[r.Id = 2] = "Id", r[r.Mix = 3] = "Mix", r))(x || {});
+export {
+  x as EVehiclePlateState,
+  N as QuadrantCode
+};

package/lib/index.d.ts

@@ -0,0 +1,8 @@
+import { App } from 'vue';
+export * from './src/index';
+import MapUtils from './src/gis-map/utils';
+export { MapUtils };
+declare const _default: {
+    install: (app: App, options: any) => void;
+};
+export default _default;

package/lib/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./src/index.js"),r=require("./src/gis-map/utils/index.js"),n=require("./src/gis-map/index.js"),l={install:(e,i)=>{for(const o in s)e.use(s[o]);const{gisviewerAssetsRoot:t}=i;e.config.globalProperties.$gisviewerAssetsRoot=t||""}};exports.MapUtils=r.default;exports.GisMap=n.GisMap;exports.default=l;

package/lib/src/components.d.ts

@@ -0,0 +1,9 @@
+import * as components from './index';
+declare module '@vue/runtime-core' {
+  export interface GlobalComponents {
+    EaButton: typeof components.Button;
+    EaIcon: typeof components.Icon;
+    GisMap: typeof components.GisMap;
+  }
+}
+export {};

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

@@ -0,0 +1,91 @@
+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 HoloFlow from './utils/holo-flow';
+import MapInitializer from './utils/map-initializer';
+import OpenDriveRenderer from './utils/open-drive-renderer';
+import Overlay from './utils/overlay';
+import QueueLength from './utils/queue-length';
+import RoadConfigTool from './utils/road-config-tool';
+import TrafficFlow from './utils/traffic-flow';
+declare const _sfc_main: import("vue").DefineComponent<{
+    config: {
+        type: StringConstructor;
+        required: true;
+    };
+    assetsRoot: {
+        type: StringConstructor;
+        required: false;
+    };
+}, {
+    mapContainer: any;
+    view: MapView | SceneView;
+    mapInitializer: MapInitializer;
+    roadConfigTool: RoadConfigTool;
+    trafficFlow: TrafficFlow;
+    holoFlow: HoloFlow;
+    overlay: Overlay;
+    queueLength: QueueLength;
+    openDriveRenderer: OpenDriveRenderer;
+    mapViewer: import("vue").ComputedRef<MapView | SceneView>;
+    setMapCenter: (params: ISetMapCenterParams) => Promise<import("../types").IResult>;
+    setMapCamera: (params: ISetMapCameraParams) => Promise<import("../types").IResult>;
+    lookAt: (params: ILookAtParams) => Promise<void>;
+    requestCoordinateTransform: (points: number[][], callback: (points: number[][]) => void) => {
+        handle: number;
+        points: number[][];
+    };
+    cancelCoordinateTransform: (handle: number) => void;
+    setMapZoomRange: (zoomRange: {
+        min?: number;
+        max?: number;
+    }) => void;
+    showLaneNumber: (params: ILaneNumberParams) => import("../types").IResult;
+    clearLaneNumber: () => void;
+    initializeAreaTool: (params: IStartCrossBufferParam) => Promise<import("../types").IResult>;
+    calCrossIndicatorArea: () => Promise<void>;
+    calRoadIndicatorArea: () => Promise<void>;
+    connectCarFlow: (url: string, options?: any) => Promise<void>;
+    disconnectCarFlow: () => void;
+    handleHoloVehicleTraceData: (vehicleTrace: any) => void;
+    clearHoloTrace: () => void;
+    handleHoloSignalData: (signalData: any) => Promise<void>;
+    clearHoloSignal: () => void;
+    toggleTrafficInfo: (params: {
+        name: string;
+        visible: boolean;
+    }) => void;
+    toggleVehicleInfo: (contentType: string) => void;
+    addOverlays: (params: IOverlayParam) => void;
+    removeOverlaysByType: (types: string[]) => void;
+    removeOverlaysById: (ids: string[]) => void;
+    removeAllOverlays: () => void;
+    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<{
+    config: {
+        type: StringConstructor;
+        required: true;
+    };
+    assetsRoot: {
+        type: StringConstructor;
+        required: false;
+    };
+}>> & {
+    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

@@ -0,0 +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;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./gis-map.vue.js");exports.default=e.default;

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

@@ -0,0 +1,81 @@
+export declare const GisMap: import("@easyest/utils/dist/lib/withinstall").SFCWithInstall<import("vue").DefineComponent<{
+    config: {
+        type: StringConstructor;
+        required: true;
+    };
+    assetsRoot: {
+        type: StringConstructor;
+        required: false;
+    };
+}, {
+    mapContainer: any;
+    view: __esri.MapView | __esri.SceneView;
+    mapInitializer: import("./utils/map-initializer").default;
+    roadConfigTool: import("./utils/road-config-tool").default;
+    trafficFlow: import("./utils/traffic-flow").default;
+    holoFlow: import("./utils/holo-flow").default;
+    overlay: import("./utils/overlay").default;
+    queueLength: import("./utils/queue-length").default;
+    openDriveRenderer: import("./utils/open-drive-renderer").default;
+    mapViewer: import("vue").ComputedRef<__esri.MapView | __esri.SceneView>;
+    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>;
+    requestCoordinateTransform: (points: number[][], callback: (points: number[][]) => void) => {
+        handle: number;
+        points: number[][];
+    };
+    cancelCoordinateTransform: (handle: number) => void;
+    setMapZoomRange: (zoomRange: {
+        min?: number | undefined;
+        max?: number | undefined;
+    }) => void;
+    showLaneNumber: (params: import("../types").ILaneNumberParams) => import("../types").IResult;
+    clearLaneNumber: () => void;
+    initializeAreaTool: (params: import("../types").IStartCrossBufferParam) => Promise<import("../types").IResult>;
+    calCrossIndicatorArea: () => Promise<void>;
+    calRoadIndicatorArea: () => Promise<void>;
+    connectCarFlow: (url: string, options?: any) => Promise<void>;
+    disconnectCarFlow: () => void;
+    handleHoloVehicleTraceData: (vehicleTrace: any) => void;
+    clearHoloTrace: () => void;
+    handleHoloSignalData: (signalData: any) => Promise<void>;
+    clearHoloSignal: () => void;
+    toggleTrafficInfo: (params: {
+        name: string;
+        visible: boolean;
+    }) => void;
+    toggleVehicleInfo: (contentType: string) => void;
+    addOverlays: (params: import("../types").IOverlayParam) => void;
+    removeOverlaysByType: (types: string[]) => void;
+    removeOverlaysById: (ids: string[]) => void;
+    removeAllOverlays: () => void;
+    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<{
+    config: {
+        type: StringConstructor;
+        required: true;
+    };
+    assetsRoot: {
+        type: StringConstructor;
+        required: false;
+    };
+}>> & {
+    onMapLoaded?: ((...args: any[]) => any) | undefined;
+    onMarkerClick?: ((...args: any[]) => any) | undefined;
+    onMapClick?: ((...args: any[]) => any) | undefined;
+}, {}>>;
+export default GisMap;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("@easyest/utils"),u=require("./gis-map.vue.js"),e=t.withInstall(u.default);exports.GisMap=e;exports.default=e;

package/lib/src/gis-map/stores/appData.d.ts

@@ -0,0 +1,3 @@
+export declare const useAppDataStore: import("pinia").StoreDefinition<"appData", {
+    mapConfig: {};
+}, {}, {}>;

package/lib/src/gis-map/stores/appData.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("pinia"),t=e.defineStore("appData",{state:()=>({mapConfig:{}})});exports.useAppDataStore=t;