gisviewer-vue3-arcgis 1.0.115 → 1.0.116

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

@@ -0,0 +1,113 @@
+import a from "../common-utils.mjs";
+import h from "./lane-section.mjs";
+class g {
+  constructor(e) {
+    this.id = e.id, this.name = e.name, this.length = e.length, this.junction = e.junction, this.sToLaneSection = /* @__PURE__ */ new Map();
+    const t = a.getStdVecEntries(e.ref_line, !0);
+    this.refLine = a.transformLineProjection(t);
+    for (const i of [!0, !1]) {
+      const o = i ? e.predecessor : e.successor, r = {
+        elementId: o.id,
+        elementType: o.type,
+        contactPoint: o.contact_point
+      };
+      i ? this.predecessor = r : this.successor = r;
+    }
+    a.getStdVecEntries(
+      e.odr_lanesections,
+      !0
+    ).forEach((i) => {
+      const o = new h(i, this);
+      this.sToLaneSection.set(o.s0, o);
+    }), this.borders = this.getBorderLine();
+    const n = [];
+    n.push(...this.borders.right), n.push(...this.borders.top), n.push(...[...this.borders.left].reverse()), n.push(...[...this.borders.bottom].reverse()), n.push(n[0]), this.polygon = n;
+  }
+  /**
+   * 获取一个路段
+   * @param s0
+   * @returns
+   */
+  getLaneSection(e) {
+    return this.sToLaneSection.get(e);
+  }
+  /**
+   * 获取第一个路段
+   * @returns
+   */
+  getFirstLaneSection() {
+    const e = [...this.sToLaneSection.keys()];
+    return e.sort((t, s) => t - s), this.sToLaneSection.get(e[0]);
+  }
+  /**
+   * 获取最后一个路段
+   * @returns
+   */
+  getLastLaneSection() {
+    const e = [...this.sToLaneSection.keys()];
+    return e.sort((t, s) => t - s), this.sToLaneSection.get(e[e.length - 1]);
+  }
+  /**
+   * 是否是最后一个路段的里程值
+   * @param s
+   * @returns
+   */
+  isLastLaneSection(e) {
+    const t = [...this.sToLaneSection.keys()];
+    return t.sort((s, n) => s - n), e === t[t.length - 1];
+  }
+  /**
+   * 获取下一个路段
+   * @param s
+   */
+  getNextLaneSection(e) {
+    const t = [...this.sToLaneSection.keys()], s = t.indexOf(e);
+    if (s >= 0 && s < t.length - 1)
+      return this.sToLaneSection.get(t[s + 1]);
+  }
+  /**
+   * 获取上一个路段
+   * @param s
+   * @returns
+   */
+  getPrevLaneSection(e) {
+    const t = [...this.sToLaneSection.keys()], s = t.indexOf(e);
+    if (s > 0)
+      return this.sToLaneSection.get(t[s - 1]);
+  }
+  /** 获取所有路段 */
+  get allLaneSections() {
+    return [...this.sToLaneSection.values()];
+  }
+  get laneSectionNumber() {
+    return this.sToLaneSection.size;
+  }
+  get sampledRoad() {
+    return {
+      id: this.id,
+      name: this.name,
+      junction: this.junction,
+      refLine: this.refLine,
+      laneSections: this.allLaneSections.map(
+        (e) => e.sampledLaneSection
+      )
+    };
+  }
+  getBorderLine() {
+    const e = [], t = [];
+    let s = [], n = [];
+    const i = [...this.sToLaneSection.keys()];
+    return i.forEach((o, r) => {
+      const c = this.getLaneSection(o);
+      r === 0 ? n = c.borders.bottom : r === i.length - 1 && (s = c.borders.top), e.push(...c.borders.left), t.push(...c.borders.right);
+    }), {
+      left: e,
+      right: t,
+      top: s,
+      bottom: n
+    };
+  }
+}
+export {
+  g as default
+};

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

@@ -0,0 +1,88 @@
+import { ILaneInfo, IResult, ISampledRoad } from '../../../types';
+import Junction from './junction';
+import Lane from './lane';
+import Road from './road';
+export default class WasmLoader {
+    private static instance;
+    static getInstance(): WasmLoader;
+    roadList: Map<string, Road>;
+    junctionList: Map<string, Junction>;
+    private isWasmLoaded;
+    private ModuleOpenDrive;
+    private ModuleOpenDriveMap;
+    private appStore;
+    private FsFile;
+    /**
+     * 载入指定xodr文件并解析
+     * @param filePath
+     */
+    load(file: string): Promise<IResult>;
+    clear(): void;
+    /**
+     * 解析路网
+     */
+    private getRoadNetwork;
+    /**
+     * 获取所有道路的采样结果
+     */
+    get allSampledRoads(): ISampledRoad[];
+    /**
+     * 获取路网结构
+     */
+    get roadNetwork(): {
+        roadName: string;
+        roadId: string;
+        roadLength: number;
+        sections: {
+            sectionId: number;
+            laneIds: number[];
+        }[];
+    }[];
+    /**
+     * 从车道信息获取车道对象
+     * @param laneInfo
+     */
+    getLane(laneInfo: ILaneInfo): Lane | undefined;
+    /**
+     * 获取两个车道之间的车道功能
+     * 左转、直行、右转、调头
+     * @param incoming
+     * @param outgoing
+     */
+    getFunctionFromIncomingToOutgoing(incoming: ILaneInfo, outgoing: ILaneInfo): IResult;
+    /**
+     * 获取所有路口的轮廓
+     * @returns
+     */
+    getJunctionOutline(junctionId: string): IResult;
+    /**
+     * 获取车道的前驱车道和后继车道
+     * @param laneInfo
+     * @returns
+     */
+    getLaneLink(laneInfo: ILaneInfo): IResult;
+    getRoadLink(roadId: string): IResult;
+    getConnectionLink(junctionId: string): IResult;
+    getLaneAngle(laneInfo: ILaneInfo): IResult;
+    getTurnArrow(params: {
+        incoming: ILaneInfo;
+        outgoing: ILaneInfo;
+    }): IResult;
+    /**
+     * 道路路段车道的轮廓
+     * @param roadId
+     * @param sectionId
+     * @param laneId
+     * @returns
+     */
+    getPolygon(roadId: string, sectionId?: number, laneId?: number): IResult;
+    /**
+     * 车道长度
+     * @param laneInfo
+     * @returns
+     */
+    getLaneLength(laneInfo: ILaneInfo): IResult;
+    getRoadStopLine(junctionId: string): IResult;
+    getLaneStopLine(laneInfo: ILaneInfo): IResult;
+    getLaneCenterLine(laneInfo: ILaneInfo): IResult;
+}

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

@@ -0,0 +1,366 @@
+import { XMLParser as m } from "fast-xml-parser";
+import { useAppDataStore as h } from "../../stores/appData.mjs";
+import f from "../common-utils.mjs";
+import p from "./junction.mjs";
+import L from "./road.mjs";
+class g {
+  constructor() {
+    this.roadList = /* @__PURE__ */ new Map(), this.junctionList = /* @__PURE__ */ new Map(), this.isWasmLoaded = !1, this.appStore = h(), this.FsFile = "data.xodr";
+  }
+  static getInstance() {
+    return g.instance || (g.instance = new g()), g.instance;
+  }
+  /**
+   * 载入指定xodr文件并解析
+   * @param filePath
+   */
+  async load(t) {
+    if (!this.isWasmLoaded) {
+      const u = window.libOpenDrive;
+      this.ModuleOpenDrive = await u(), this.isWasmLoaded = !0;
+    }
+    console.time("加载用时");
+    const s = await (await fetch(t)).text(), n = new m({
+      ignoreAttributes: !1,
+      allowBooleanAttributes: !0
+    }).parse(s), i = n.OpenDRIVE.header.geoReference, a = n.OpenDRIVE.header.offset;
+    if (a) {
+      const u = Number(a["@_x"]) || 0, l = Number(a["@_y"]) || 0;
+      this.appStore.$patch({
+        xOffset: u,
+        yOffset: l,
+        geoReference: i
+      });
+    }
+    const c = new TextEncoder().encode(s);
+    try {
+      this.ModuleOpenDrive.FS_unlink(`./${this.FsFile}`);
+    } catch {
+    }
+    this.ModuleOpenDrive.FS_createDataFile(
+      ".",
+      this.FsFile,
+      c,
+      !0,
+      !0
+    );
+    const d = {
+      with_lateralProfile: !0,
+      with_laneHeight: !0,
+      with_road_objects: !1,
+      center_map: !1,
+      abs_z_for_for_local_road_obj_outline: !0
+    };
+    return this.ModuleOpenDriveMap = new this.ModuleOpenDrive.OpenDriveMap(
+      `./${this.FsFile}`,
+      d
+    ), console.timeEnd("加载用时"), this.getRoadNetwork();
+  }
+  clear() {
+    this.roadList.clear(), this.junctionList.clear();
+    try {
+      this.ModuleOpenDrive.FS_unlink(`./${this.FsFile}`);
+    } catch {
+    }
+  }
+  /**
+   * 解析路网
+   */
+  getRoadNetwork() {
+    console.time("采样用时"), this.roadList.clear(), this.junctionList.clear();
+    try {
+      const t = this.ModuleOpenDrive.get_odr_road_network(
+        this.ModuleOpenDriveMap,
+        0.5
+      ), e = t.geo_reference;
+      h().$patch({
+        geoReference: e
+      }), console.timeEnd("采样用时"), console.time("投影转换用时"), f.getStdVecEntries(t.roads, !0).forEach((r) => {
+        const c = new L(r);
+        this.roadList.set(c.id, c);
+      }), f.getStdVecEntries(
+        t.junctions,
+        !0
+      ).forEach((r) => {
+        const c = new p(r);
+        this.junctionList.set(r.id, c);
+      }), console.timeEnd("投影转换用时");
+      const i = [];
+      this.roadList.forEach((r) => {
+        const c = r.allLaneSections.map((d) => {
+          const u = d.allLanes.map((l) => ({
+            id: l.id,
+            type: l.type,
+            innerPath: l.innerBorder,
+            outerPath: l.outerBorder
+          }));
+          return {
+            id: d.s0,
+            lanePaths: u
+          };
+        });
+        i.push({
+          id: r.id,
+          name: r.name,
+          laneSections: c,
+          junction: r.junction,
+          refLine: r.refLine
+        });
+      });
+      const a = [];
+      return this.junctionList.forEach((r) => {
+        const c = r.getJunctionOutline();
+        a.push({
+          id: r.id,
+          name: r.name,
+          outline: c
+        });
+      }), {
+        status: 0,
+        message: "ok",
+        result: { roads: i, junctions: a }
+      };
+    } catch {
+      return { status: -1, message: "解析路网失败" };
+    }
+  }
+  /**
+   * 获取所有道路的采样结果
+   */
+  get allSampledRoads() {
+    return [...this.roadList.values()].map((t) => t.sampledRoad);
+  }
+  /**
+   * 获取路网结构
+   */
+  get roadNetwork() {
+    return [...this.roadList.values()].map((e) => {
+      const s = e.allLaneSections.map((o) => {
+        const n = o.allLaneIds.filter((i) => i !== 0);
+        return {
+          sectionId: o.s0,
+          laneIds: n
+        };
+      });
+      return {
+        roadName: e.name,
+        roadId: e.id,
+        roadLength: e.length,
+        sections: s
+      };
+    });
+  }
+  /**
+   * 从车道信息获取车道对象
+   * @param laneInfo
+   */
+  getLane(t) {
+    const e = this.roadList.get(t.roadId), s = e == null ? void 0 : e.getLaneSection(t.sectionId);
+    return s == null ? void 0 : s.getLane(t.laneId);
+  }
+  /**
+   * 获取两个车道之间的车道功能
+   * 左转、直行、右转、调头
+   * @param incoming
+   * @param outgoing
+   */
+  getFunctionFromIncomingToOutgoing(t, e) {
+    const s = this.getLane(t), o = this.getLane(e);
+    if (!s || !o || !s.drivingAngle || !o.drivingAngle)
+      return { status: -1, message: "车道信息错误" };
+    let n = o.drivingAngle - s.drivingAngle;
+    n > 180 ? n -= 360 : n < -180 && (n += 360);
+    let i = "";
+    return -45 < n && n < 45 ? i = "s" : 45 <= n && n <= 135 ? i = "r" : -135 <= n && n <= -45 ? i = "l" : i = "t", { status: 0, result: i, message: "ok" };
+  }
+  /**
+   * 获取所有路口的轮廓
+   * @returns
+   */
+  getJunctionOutline(t) {
+    const e = [];
+    if (t !== "") {
+      const s = this.junctionList.get(t);
+      if (s) {
+        const o = s.getJunctionOutline();
+        e.push({
+          junctionId: t,
+          name: s.name,
+          outline: o
+        });
+      }
+    } else
+      for (const s of this.junctionList) {
+        const o = s[0], n = s[1], i = n.getJunctionOutline();
+        i.length <= 4 ? console.log(i, o) : e.push({
+          junctionId: o,
+          name: n.name,
+          outline: i
+        });
+      }
+    return { status: 0, result: e, message: "ok" };
+  }
+  /**
+   * 获取车道的前驱车道和后继车道
+   * @param laneInfo
+   * @returns
+   */
+  getLaneLink(t) {
+    const e = this.getLane(t);
+    return e ? { status: 0, result: e.getLink(), message: "ok" } : { status: -1, message: "车道信息错误" };
+  }
+  getRoadLink(t) {
+    const e = [];
+    if (t !== "") {
+      const s = this.roadList.get(t);
+      s && e.push({
+        roadId: t,
+        successor: s.successor,
+        predecessor: s.predecessor
+      });
+    } else
+      [...this.roadList.values()].forEach((o) => {
+        e.push({
+          roadId: t,
+          successor: o.successor,
+          predecessor: o.predecessor
+        });
+      });
+    return { status: 0, result: e, message: "ok" };
+  }
+  getConnectionLink(t) {
+    const e = [];
+    for (const s of this.junctionList) {
+      const o = s[0], n = s[1];
+      if ((t === "" || o === t) && (e.push({
+        id: o,
+        name: n.name,
+        links: n.laneLinks
+      }), t !== ""))
+        break;
+    }
+    return { status: 0, result: e, message: "ok" };
+  }
+  getLaneAngle(t) {
+    const e = this.getLane(t);
+    if (e) {
+      const s = e.drivingAngle;
+      if (s)
+        return { status: 0, result: s, message: "ok" };
+    }
+    return { status: -1, message: "车道信息错误" };
+  }
+  getTurnArrow(t) {
+    const e = this.getLane(t.incoming);
+    if (!e)
+      return { status: -1, message: "进口道信息错误" };
+    const s = e.drivingAngle;
+    if (!s)
+      return { status: -1, message: "进口道信息错误" };
+    const o = this.getLane(t.outgoing);
+    if (!o)
+      return { status: -1, message: "出口道信息错误" };
+    const n = o.drivingAngle;
+    if (!n)
+      return { status: -1, message: "出口道信息错误" };
+    let i = n - s;
+    i > 180 ? i -= 360 : i < -180 && (i += 360);
+    let a = "";
+    return -45 < i && i < 45 ? a = "s" : 45 <= i && i <= 135 ? a = "r" : -135 <= i && i <= -45 ? a = "l" : a = "t", {
+      status: 0,
+      message: "ok",
+      result: {
+        incomingAngle: s,
+        outgoingAngle: n,
+        direction: a
+      }
+    };
+  }
+  // public async getShpPolygon(laneInfo: ILaneInfo): Promise<IResult> {
+  //   const lane = this.getLane(laneInfo);
+  //   const polygon = lane?.getShpPolygon();
+  //   if (polygon) {
+  //     return { status: 0, result: polygon };
+  //   } else {
+  //     return { status: -1, message: "车道信息错误" };
+  //   }
+  // }
+  // public async getLaneArrowPositions(laneInfo: ILaneInfo): Promise<IResult> {
+  //   const lane = this.getLane(laneInfo);
+  //   const positions = lane?.getArrowPositions();
+  //   if (positions) {
+  //     return { status: 0, result: positions };
+  //   } else {
+  //     return { status: -1, message: "车道信息错误" };
+  //   }
+  // }
+  /**
+   * 道路路段车道的轮廓
+   * @param roadId
+   * @param sectionId
+   * @param laneId
+   * @returns
+   */
+  getPolygon(t, e, s) {
+    const o = this.roadList.get(t);
+    if (!o)
+      return { status: -1, message: "道路id错误" };
+    if (e !== void 0 && s !== void 0 && !isNaN(e) && !isNaN(s)) {
+      const n = this.getLane({ roadId: t, sectionId: e, laneId: s });
+      return n ? { status: 0, message: "ok", result: n.ring } : { status: -1, message: "车道信息错误" };
+    } else if (e !== void 0 && !isNaN(e)) {
+      const n = o.getLaneSection(e);
+      return n ? { status: 0, message: "ok", result: n.polygon } : { status: -1, message: "路段信息错误" };
+    } else
+      return { status: 0, message: "ok", result: o.polygon };
+  }
+  /**
+   * 车道长度
+   * @param laneInfo
+   * @returns
+   */
+  getLaneLength(t) {
+    const e = this.getLane(t);
+    if (e) {
+      let s = 0;
+      return e.road.isLastLaneSection(e.laneSection.s0) ? s = e.road.length - e.laneSection.s0 : s = e.road.getNextLaneSection(
+        e.laneSection.s0
+      ).s0 - e.laneSection.s0, {
+        status: 0,
+        message: "ok",
+        result: Number(s.toFixed(2))
+      };
+    } else
+      return { status: -1, message: "车道信息错误" };
+  }
+  getRoadStopLine(t) {
+    const e = [];
+    for (const s of this.junctionList) {
+      const o = s[0], n = s[1];
+      if (o === t) {
+        const i = n.getRoadStopLine();
+        e.push({ junctionId: o, stopLines: i });
+        break;
+      } else if (t === "") {
+        const i = n.getRoadStopLine();
+        e.push({ junctionId: o, stopLines: i });
+      }
+    }
+    return { status: 0, message: "ok", result: e };
+  }
+  getLaneStopLine(t) {
+    const e = this.getLane(t);
+    return e ? { status: 0, message: "ok", result: e.getStopLine() } : { status: -1, message: "车道信息错误" };
+  }
+  getLaneCenterLine(t) {
+    const e = this.getLane(t);
+    return e ? {
+      status: 0,
+      message: "ok",
+      result: e.getLaneEndPoints("middle")
+    } : { status: -1, message: "车道信息错误" };
+  }
+}
+export {
+  g as default
+};

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

@@ -170,3 +170,51 @@ export declare enum EVehiclePlateState {
     Id = 2,
     Mix = 3
 }
+export interface ILaneInfo {
+    roadId: string;
+    sectionId: number;
+    laneId: number;
+}
+/** 采样后的车道 */
+export interface ISampledLane {
+    id: number;
+    type: string;
+    innerPath: number[][];
+    outerPath: number[][];
+}
+/** 采样后的路段 */
+export interface ISampledLaneSection {
+    id: number;
+    lanePaths: ISampledLane[];
+}
+/** 采样后的道路 */
+export interface ISampledRoad {
+    id: string;
+    name: string;
+    junction: string;
+    refLine: number[][];
+    laneSections: ISampledLaneSection[];
+}
+export interface IRoadLink {
+    elementId: string;
+    elementType: string;
+    contactPoint?: string;
+}
+export interface IRoadStopLinesResult {
+    junctionId: string;
+    stopLines: {
+        roadId: string;
+        line: number[][];
+    }[];
+}
+export interface IShowOpenDriveFromFileParams {
+    file: string;
+    options?: {
+        showJunctionPolygon: boolean;
+        showJunctionLane: boolean;
+        showRoadName: boolean;
+    };
+}
+export interface IFindSumoParams {
+    id: string;
+}

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, ILayerVisibleParams, ILookAtParams, IOverlayParam, IQueueLengthParams, ISetMapCameraParams, ISetMapCenterParams, IStartCrossBufferParam, IToggleTrafficInfoParams } from '../types';
+import { IFindSumoParams, ILaneNumberParams, ILayerVisibleParams, ILookAtParams, IOverlayParam, IQueueLengthParams, ISetMapCameraParams, ISetMapCenterParams, IShowOpenDriveFromFileParams, IStartCrossBufferParam, IToggleTrafficInfoParams } from '../types';
 import HoloFlow from './utils/holo-flow';
 import MapInitializer from './utils/map-initializer';
 import OpenDriveRenderer from './utils/open-drive-renderer';
@@ -67,8 +67,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
     showAllOverlays: () => void;
     updateQueueLength: (params: IQueueLengthParams[]) => void;
     removeQueueLength: () => void;
-    showOpenDrive: (server: string, projectName: string) => Promise<void>;
-    hideOpenDrive: () => Promise<void>;
+    showOpenDriveFromServer: (server: string, projectName: string) => Promise<import("../types").IResult>;
+    showOpenDriveFromFile: (params: IShowOpenDriveFromFileParams) => Promise<import("../types").IResult>;
+    clearOpenDrive: () => Promise<void>;
+    findSumoInOpenDrive: (params: IFindSumoParams) => Promise<import("../types").IResult>;
     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<{

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),v=require("./stores/index.js");require("./style/index.css");const ce=require("./utils/holo-flow/index.js"),ie=require("./utils/map-initializer.js"),le=require("./utils/open-drive-renderer/index.js"),ue=require("./utils/overlay.js"),de=require("./utils/queue-length.js"),C=require("./utils/road-config-tool/index.js"),pe=require("./utils/traffic-flow.js"),me={class:"gis-viewer"},fe={style:{position:"absolute",bottom:"10px",left:"10px"}},ge=a.defineComponent({__name:"gis-map",props:{config:{},assetsRoot:{}},emits:["mapLoaded","markerClick","mapClick"],setup(k,{expose:T,emit:b}){const p=a.ref(null);let s,c,n,o,r,t,l,u;const m=a.ref(!1);v.registerStore(),a.onMounted(async()=>{if(!p.value)return;document.addEventListener("keydown",d=>{d.ctrlKey&&d.key==="i"&&(m.value=!m.value)});const e=a.getCurrentInstance(),{$gisviewerAssetsRoot:i}=e.appContext.config.globalProperties,h=await(await fetch(y.config)).json();h.assetsRoot=y.assetsRoot||i;const re=v.default.useAppDataStore;re.mapConfig=h,c=new ie.default,s=await c.initialize({container:p.value,markerClickCallback:(d,g,w,se)=>{f("markerClick",d,g,w,se)},mapClickCallback:(d,g,w)=>{f("mapClick",d,g,w)}}),r=new ce.default(s),await r.init(),f("mapLoaded")});const L=a.computed(()=>s),O=()=>{const e=v.default.useAppDataStore;e.saveTrackLog=!0},I=()=>{r.downloadTrackLog()},S=async e=>await c.setMapCenter(e),A=async e=>await c.setMapCamera(e),D=async e=>await c.lookAt(e),_=e=>c.setLayerVisibility(e),q=(e,i)=>c.requestCoordinateTransform(e,i),x=e=>{c.cancelCoordinateTransform(e)},V=e=>{c.setMapZoomRange(e)},M=e=>(n||(n=new C.default(s)),n.showLaneNumber(e)),N=()=>{n==null||n.clearLaneNumber()},B=async e=>(n||(n=new C.default(s)),await n.initializeSearch(e)),E=async()=>n==null?void 0:n.calCrossIndicatorArea(),H=async()=>{},R=async(e,i)=>{o||(o=new pe.default(s)),o.connectTrafficFlow(e,i)},j=()=>{o==null||o.disconnectTrafficFlow()},z=e=>{r.handleVehicleTraceData(e)},P=()=>{r.clearHoloTrace()},Q=e=>{r.setInterpolate(e)},Z=async e=>{await r.handleSignalData(e)},F=()=>{r.clearHoloSignal()},K=e=>{o==null||o.toggleTrafficInfo(e),r.toggleTrafficInfo(e)},G=e=>{r.togglePause(e)},J=e=>{o==null||o.toggleTrafficObject(e),r.toggleTrafficObject(e)},U=e=>{r.updatePanelContent(e)},W=async e=>(t||(t=new ue.default(s)),t.addOverlays(e)),X=e=>t==null?void 0:t.removeOverlaysByType(e),Y=e=>t==null?void 0:t.removeOverlaysById(e),$=()=>t==null?void 0:t.removeAllOverlays(),ee=()=>{t==null||t.showAllOverlays()},te=e=>{l||(l=new de.default(s)),l.updateQueueLength(e)},ae=()=>{l==null||l.removeQueueLength()},ne=async(e,i)=>{u||(u=new le.default(s)),await u.showOpenDrive(e,i)},oe=async()=>{await(u==null?void 0:u.hideOpenDrive())},y=k,f=b;return T({mapViewer:L,setLayerVisibility:_,setMapCenter:S,lookAt:D,setMapCamera:A,setMapZoomRange:V,requestCoordinateTransform:q,cancelCoordinateTransform:x,addOverlays:W,showAllOverlays:ee,removeOverlaysByType:X,removeOverlaysById:Y,removeAllOverlays:$,showLaneNumber:M,clearLaneNumber:N,initializeAreaTool:B,calCrossIndicatorArea:E,calRoadIndicatorArea:H,connectCarFlow:R,disconnectCarFlow:j,handleHoloVehicleTraceData:z,clearHoloTrace:P,handleHoloSignalData:Z,clearHoloSignal:F,setInterpolate:Q,toggleTrafficInfo:K,toggleTrafficObject:J,toggleVehicleInfo:U,togglePause:G,updateQueueLength:te,removeQueueLength:ae,showOpenDrive:ne,hideOpenDrive:oe}),(e,i)=>(a.openBlock(),a.createElementBlock("div",me,[a.createElementVNode("div",{class:"gis-viewer-main",ref_key:"mapContainer",ref:p},[a.withDirectives(a.createElementVNode("div",fe,[a.createElementVNode("button",{style:{"margin-right":"10px"},onClick:O}," 开始记录 "),a.createElementVNode("button",{onClick:I},"下载日志")],512),[[a.vShow,m.value]])],512)]))}});exports.default=ge;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),v=require("./stores/index.js");require("./style/index.css");const ue=require("./utils/holo-flow/index.js"),de=require("./utils/map-initializer.js"),C=require("./utils/open-drive-renderer/index.js"),me=require("./utils/overlay.js"),pe=require("./utils/queue-length.js"),k=require("./utils/road-config-tool/index.js"),fe=require("./utils/traffic-flow.js"),ge={class:"gis-viewer"},we={style:{position:"absolute",bottom:"10px",left:"10px"}},ve=a.defineComponent({__name:"gis-map",props:{config:{},assetsRoot:{}},emits:["mapLoaded","markerClick","mapClick"],setup(O,{expose:T,emit:b}){const m=a.ref(null);let c,i,o,r,s,t,u,n;const p=a.ref(!1);v.registerStore(),a.onMounted(async()=>{if(!m.value)return;document.addEventListener("keydown",d=>{d.ctrlKey&&d.key==="i"&&(p.value=!p.value)});const e=a.getCurrentInstance(),{$gisviewerAssetsRoot:l}=e.appContext.config.globalProperties,h=await(await fetch(y.config)).json();h.assetsRoot=y.assetsRoot||l;const ie=v.default.useAppDataStore;ie.mapConfig=h,i=new de.default,c=await i.initialize({container:m.value,markerClickCallback:(d,g,w,le)=>{f("markerClick",d,g,w,le)},mapClickCallback:(d,g,w)=>{f("mapClick",d,g,w)}}),s=new ue.default(c),await s.init(),f("mapLoaded")});const L=a.computed(()=>c),S=()=>{const e=v.default.useAppDataStore;e.saveTrackLog=!0},D=()=>{s.downloadTrackLog()},I=async e=>await i.setMapCenter(e),A=async e=>await i.setMapCamera(e),_=async e=>await i.lookAt(e),q=e=>i.setLayerVisibility(e),x=(e,l)=>i.requestCoordinateTransform(e,l),V=e=>{i.cancelCoordinateTransform(e)},M=e=>{i.setMapZoomRange(e)},N=e=>(o||(o=new k.default(c)),o.showLaneNumber(e)),F=()=>{o==null||o.clearLaneNumber()},B=async e=>(o||(o=new k.default(c)),await o.initializeSearch(e)),E=async()=>o==null?void 0:o.calCrossIndicatorArea(),H=async()=>{},j=async(e,l)=>{r||(r=new fe.default(c)),r.connectTrafficFlow(e,l)},z=()=>{r==null||r.disconnectTrafficFlow()},P=e=>{s.handleVehicleTraceData(e)},Q=()=>{s.clearHoloTrace()},R=e=>{s.setInterpolate(e)},Z=async e=>{await s.handleSignalData(e)},K=()=>{s.clearHoloSignal()},G=e=>{r==null||r.toggleTrafficInfo(e),s.toggleTrafficInfo(e)},J=e=>{s.togglePause(e)},U=e=>{r==null||r.toggleTrafficObject(e),s.toggleTrafficObject(e)},W=e=>{s.updatePanelContent(e)},X=async e=>(t||(t=new me.default(c)),t.addOverlays(e)),Y=e=>t==null?void 0:t.removeOverlaysByType(e),$=e=>t==null?void 0:t.removeOverlaysById(e),ee=()=>t==null?void 0:t.removeAllOverlays(),te=()=>{t==null||t.showAllOverlays()},ae=e=>{u||(u=new pe.default(c)),u.updateQueueLength(e)},ne=()=>{u==null||u.removeQueueLength()},oe=async(e,l)=>(n||(n=new C.default(c)),await n.showOpenDriveFromServer(e,l)),re=async e=>(n||(n=new C.default(c)),await n.showOpenDriveFromFile(e)),se=async()=>await(n==null?void 0:n.clearOpenDrive()),ce=async e=>n?await(n==null?void 0:n.findSumo(e)):{status:-1,message:"未加载OpenDrive地图"},y=O,f=b;return T({mapViewer:L,setLayerVisibility:q,setMapCenter:I,lookAt:_,setMapCamera:A,setMapZoomRange:M,requestCoordinateTransform:x,cancelCoordinateTransform:V,addOverlays:X,showAllOverlays:te,removeOverlaysByType:Y,removeOverlaysById:$,removeAllOverlays:ee,showLaneNumber:N,clearLaneNumber:F,initializeAreaTool:B,calCrossIndicatorArea:E,calRoadIndicatorArea:H,connectCarFlow:j,disconnectCarFlow:z,handleHoloVehicleTraceData:P,clearHoloTrace:Q,handleHoloSignalData:Z,clearHoloSignal:K,setInterpolate:R,toggleTrafficInfo:G,toggleTrafficObject:U,toggleVehicleInfo:W,togglePause:J,updateQueueLength:ae,removeQueueLength:ne,showOpenDriveFromServer:oe,showOpenDriveFromFile:re,clearOpenDrive:se,findSumoInOpenDrive:ce}),(e,l)=>(a.openBlock(),a.createElementBlock("div",ge,[a.createElementVNode("div",{class:"gis-viewer-main",ref_key:"mapContainer",ref:m},[a.withDirectives(a.createElementVNode("div",we,[a.createElementVNode("button",{style:{"margin-right":"10px"},onClick:S}," 开始记录 "),a.createElementVNode("button",{onClick:D},"下载日志")],512),[[a.vShow,p.value]])],512)]))}});exports.default=ve;

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

@@ -57,8 +57,10 @@ export declare const GisMap: import("@easyest/utils/dist/lib/withinstall").SFCWi
     showAllOverlays: () => void;
     updateQueueLength: (params: import("../types").IQueueLengthParams[]) => void;
     removeQueueLength: () => void;
-    showOpenDrive: (server: string, projectName: string) => Promise<void>;
-    hideOpenDrive: () => Promise<void>;
+    showOpenDriveFromServer: (server: string, projectName: string) => Promise<import("../types").IResult>;
+    showOpenDriveFromFile: (params: import("../types").IShowOpenDriveFromFileParams) => Promise<import("../types").IResult>;
+    clearOpenDrive: () => Promise<void>;
+    findSumoInOpenDrive: (params: import("../types").IFindSumoParams) => Promise<import("../types").IResult>;
     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<{

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

@@ -1,4 +1,7 @@
 export declare const useAppDataStore: import("pinia").StoreDefinition<"appData", {
     mapConfig: {};
     saveTrackLog: boolean;
+    geoReference: string;
+    xOffset: number;
+    yOffset: number;
 }, {}, {}>;