gisviewer-vue3-arcgis 1.0.118 → 1.0.120

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

@@ -1,38 +1,28 @@
 import { XMLParser as m } from "fast-xml-parser";
-import { useAppDataStore as h } from "../../stores/appData.mjs";
-import f from "../common-utils.mjs";
-import L from "./junction.mjs";
-import p from "./road.mjs";
-class g {
+import L from "../../stores/index.mjs";
+import g from "../common-utils.mjs";
+import p from "./junction.mjs";
+import S from "./road.mjs";
+class u {
   constructor() {
-    this.roadList = /* @__PURE__ */ new Map(), this.junctionList = /* @__PURE__ */ new Map(), this.isWasmLoaded = !1, this.appStore = h(), this.FsFile = "data.xodr";
+    this.roadList = /* @__PURE__ */ new Map(), this.junctionList = /* @__PURE__ */ new Map(), this.junctionTableData = /* @__PURE__ */ new Map(), this.isWasmLoaded = !1, this.appDataStore = L.useAppDataStore, this.FsFile = "data.xodr";
   }
   static getInstance() {
-    return g.instance || (g.instance = new g()), g.instance;
+    return u.instance || (u.instance = new u()), u.instance;
   }
   /**
    * 载入指定xodr文件并解析
    * @param filePath
    */
-  async load(t) {
+  async load(o) {
     if (!this.isWasmLoaded) {
-      const l = window.libOpenDrive;
-      this.ModuleOpenDrive = await l(), this.isWasmLoaded = !0;
+      const r = window.libOpenDrive;
+      this.ModuleOpenDrive = await r(), 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 l = Number(a["@_x"]) || 0, u = Number(a["@_y"]) || 0;
-      this.appStore.$patch({
-        xOffset: l,
-        yOffset: u,
-        geoReference: i
-      });
-    }
-    const c = new TextEncoder().encode(s);
+    const t = await (await fetch(o)).text();
+    this.readXodrString(t);
+    const n = new TextEncoder().encode(t);
     try {
       this.ModuleOpenDrive.FS_unlink(`./${this.FsFile}`);
     } catch {
@@ -40,11 +30,11 @@ class g {
     this.ModuleOpenDrive.FS_createDataFile(
       ".",
       this.FsFile,
-      c,
+      n,
       !0,
       !0
     );
-    const d = {
+    const i = {
       with_lateralProfile: !0,
       with_laneHeight: !0,
       with_road_objects: !1,
@@ -53,7 +43,7 @@ class g {
     };
     return this.ModuleOpenDriveMap = new this.ModuleOpenDrive.OpenDriveMap(
       `./${this.FsFile}`,
-      d
+      i
     ), console.timeEnd("加载用时"), this.getRoadNetwork();
   }
   clear() {
@@ -63,83 +53,111 @@ class g {
     } catch {
     }
   }
+  /**
+   * 读取xodr中wasm接口不提供的数据
+   * @param fileText
+   */
+  readXodrString(o) {
+    const t = new m({
+      ignoreAttributes: !1,
+      allowBooleanAttributes: !0
+    }).parse(o), s = t.OpenDRIVE.header.geoReference, n = t.OpenDRIVE.header.offset;
+    if (n) {
+      const r = Number(n["@_x"]) || 0, a = Number(n["@_y"]) || 0;
+      g.setGeoData(s, r, a);
+    }
+    const i = t.OpenDRIVE.junction;
+    for (const r of i) {
+      const a = JSON.parse(
+        r.userData.tableData
+      );
+      this.junctionTableData.set(a.id, a);
+    }
+  }
   /**
    * 解析路网
    */
   getRoadNetwork() {
-    console.time("采样用时"), this.roadList.clear(), this.junctionList.clear();
+    this.roadList.clear(), this.junctionList.clear();
+    let o;
     try {
-      const t = this.ModuleOpenDrive.get_odr_road_network(
+      console.time("采样用时"), o = 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 p(r);
-        this.roadList.set(c.id, c);
-      }), f.getStdVecEntries(
-        t.junctions,
+      );
+    } catch (s) {
+      return { status: -1, message: `解析路网失败, ${s}` };
+    } finally {
+      console.timeEnd("采样用时");
+    }
+    console.time("投影转换用时");
+    try {
+      g.getStdVecEntries(o.roads, !0).forEach((n) => {
+        const i = new S(n);
+        this.roadList.set(i.id, i);
+      });
+    } catch (s) {
+      return { status: -1, message: `解析道路失败, ${s}` };
+    }
+    try {
+      g.getStdVecEntries(
+        o.junctions,
         !0
-      ).forEach((r) => {
-        const c = new L(r);
-        this.junctionList.set(r.id, c);
-      }), console.timeEnd("投影转换用时");
-      const i = [];
-      this.roadList.forEach((r) => {
-        const c = r.allLaneSections.map((d) => {
-          const l = d.allLanes.map((u) => ({
-            id: u.id,
-            type: u.type,
-            innerPath: u.innerBorder,
-            outerPath: u.outerBorder,
-            centerLine: u.centerLine
-          }));
-          return {
-            id: d.s0,
-            lanePaths: l
-          };
-        });
-        i.push({
-          id: r.id,
-          name: r.name,
-          laneSections: c,
-          junction: r.junction,
-          refLine: r.refLine
-        });
+      ).forEach((n) => {
+        const i = new p(n);
+        i.tableData = this.junctionTableData.get(i.id), this.junctionList.set(n.id, i);
       });
-      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: "解析路网失败" };
+    } catch (s) {
+      return { status: -1, message: `解析路口失败, ${s}` };
     }
+    console.timeEnd("投影转换用时");
+    const e = [];
+    this.roadList.forEach((s) => {
+      const n = s.allLaneSections.map((i) => {
+        const r = i.allLanes.map((a) => ({
+          id: a.id,
+          type: a.type,
+          innerPath: a.innerBorder,
+          outerPath: a.outerBorder,
+          centerLine: a.centerLine
+        }));
+        return {
+          id: i.s0,
+          lanePaths: r
+        };
+      });
+      e.push({
+        id: s.id,
+        name: s.name,
+        laneSections: n,
+        junction: s.junction,
+        refLine: s.refLine
+      });
+    });
+    const t = [];
+    return this.junctionList.forEach((s) => {
+      s.tableData && t.push(s.tableData);
+    }), {
+      status: 0,
+      message: "ok",
+      result: { roads: e, junctions: t }
+    };
   }
   /**
    * 获取所有道路的采样结果
    */
   get allSampledRoads() {
-    return [...this.roadList.values()].map((t) => t.sampledRoad);
+    return [...this.roadList.values()].map((o) => o.sampledRoad);
   }
   /**
    * 获取路网结构
    */
   get roadNetwork() {
     return [...this.roadList.values()].map((e) => {
-      const s = e.allLaneSections.map((o) => {
-        const n = o.allLaneIds.filter((i) => i !== 0);
+      const t = e.allLaneSections.map((s) => {
+        const n = s.allLaneIds.filter((i) => i !== 0);
         return {
-          sectionId: o.s0,
+          sectionId: s.s0,
           laneIds: n
         };
       });
@@ -147,7 +165,7 @@ class g {
         roadName: e.name,
         roadId: e.id,
         roadLength: e.length,
-        sections: s
+        sections: t
       };
     });
   }
@@ -155,9 +173,9 @@ class g {
    * 从车道信息获取车道对象
    * @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);
+  getLane(o) {
+    const e = this.roadList.get(o.roadId), t = e == null ? void 0 : e.getLaneSection(o.sectionId);
+    return t == null ? void 0 : t.getLane(o.laneId);
   }
   /**
    * 获取两个车道之间的车道功能
@@ -165,11 +183,11 @@ class g {
    * @param incoming
    * @param outgoing
    */
-  getFunctionFromIncomingToOutgoing(t, e) {
-    const s = this.getLane(t), o = this.getLane(e);
-    if (!s || !o || !s.drivingAngle || !o.drivingAngle)
+  getFunctionFromIncomingToOutgoing(o, e) {
+    const t = this.getLane(o), s = this.getLane(e);
+    if (!t || !s || !t.drivingAngle || !s.drivingAngle)
       return { status: -1, message: "车道信息错误" };
-    let n = o.drivingAngle - s.drivingAngle;
+    let n = s.drivingAngle - t.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" };
@@ -178,23 +196,23 @@ class g {
    * 获取所有路口的轮廓
    * @returns
    */
-  getJunctionOutline(t) {
+  getJunctionOutline(o) {
     const e = [];
-    if (t !== "") {
-      const s = this.junctionList.get(t);
-      if (s) {
-        const o = s.getJunctionOutline();
+    if (o !== "") {
+      const t = this.junctionList.get(o);
+      if (t) {
+        const s = t.getJunctionOutline();
         e.push({
-          junctionId: t,
-          name: s.name,
-          outline: o
+          junctionId: o,
+          name: t.name,
+          outline: s
         });
       }
     } 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,
+      for (const t of this.junctionList) {
+        const s = t[0], n = t[1], i = n.getJunctionOutline();
+        i.length <= 4 ? console.log(i, s) : e.push({
+          junctionId: s,
           name: n.name,
           outline: i
         });
@@ -206,74 +224,74 @@ class g {
    * @param laneInfo
    * @returns
    */
-  getLaneLink(t) {
-    const e = this.getLane(t);
+  getLaneLink(o) {
+    const e = this.getLane(o);
     return e ? { status: 0, result: e.getLink(), message: "ok" } : { status: -1, message: "车道信息错误" };
   }
-  getRoadLink(t) {
+  getRoadLink(o) {
     const e = [];
-    if (t !== "") {
-      const s = this.roadList.get(t);
-      s && e.push({
-        roadId: t,
-        successor: s.successor,
-        predecessor: s.predecessor
+    if (o !== "") {
+      const t = this.roadList.get(o);
+      t && e.push({
+        roadId: o,
+        successor: t.successor,
+        predecessor: t.predecessor
       });
     } else
-      [...this.roadList.values()].forEach((o) => {
+      [...this.roadList.values()].forEach((s) => {
         e.push({
-          roadId: t,
-          successor: o.successor,
-          predecessor: o.predecessor
+          roadId: o,
+          successor: s.successor,
+          predecessor: s.predecessor
         });
       });
     return { status: 0, result: e, message: "ok" };
   }
-  getConnectionLink(t) {
+  getConnectionLink(o) {
     const e = [];
-    for (const s of this.junctionList) {
-      const o = s[0], n = s[1];
-      if ((t === "" || o === t) && (e.push({
-        id: o,
+    for (const t of this.junctionList) {
+      const s = t[0], n = t[1];
+      if ((o === "" || s === o) && (e.push({
+        id: s,
         name: n.name,
         links: n.laneLinks
-      }), t !== ""))
+      }), o !== ""))
         break;
     }
     return { status: 0, result: e, message: "ok" };
   }
-  getLaneAngle(t) {
-    const e = this.getLane(t);
+  getLaneAngle(o) {
+    const e = this.getLane(o);
     if (e) {
-      const s = e.drivingAngle;
-      if (s)
-        return { status: 0, result: s, message: "ok" };
+      const t = e.drivingAngle;
+      if (t)
+        return { status: 0, result: t, message: "ok" };
     }
     return { status: -1, message: "车道信息错误" };
   }
-  getTurnArrow(t) {
-    const e = this.getLane(t.incoming);
+  getTurnArrow(o) {
+    const e = this.getLane(o.incoming);
     if (!e)
       return { status: -1, message: "进口道信息错误" };
-    const s = e.drivingAngle;
-    if (!s)
+    const t = e.drivingAngle;
+    if (!t)
       return { status: -1, message: "进口道信息错误" };
-    const o = this.getLane(t.outgoing);
-    if (!o)
+    const s = this.getLane(o.outgoing);
+    if (!s)
       return { status: -1, message: "出口道信息错误" };
-    const n = o.drivingAngle;
+    const n = s.drivingAngle;
     if (!n)
       return { status: -1, message: "出口道信息错误" };
-    let i = n - s;
+    let i = n - t;
     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", {
+    let r = "";
+    return -45 < i && i < 45 ? r = "s" : 45 <= i && i <= 135 ? r = "r" : -135 <= i && i <= -45 ? r = "l" : r = "t", {
       status: 0,
       message: "ok",
       result: {
-        incomingAngle: s,
+        incomingAngle: t,
         outgoingAngle: n,
-        direction: a
+        direction: r
       }
     };
   }
@@ -302,66 +320,106 @@ class g {
    * @param laneId
    * @returns
    */
-  getPolygon(t, e, s) {
-    const o = this.roadList.get(t);
-    if (!o)
+  getPolygon(o, e, t) {
+    const s = this.roadList.get(o);
+    if (!s)
       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 });
+    if (e !== void 0 && t !== void 0 && !isNaN(e) && !isNaN(t)) {
+      const n = this.getLane({ roadId: o, sectionId: e, laneId: t });
       return n ? { status: 0, message: "ok", result: n.ring } : { status: -1, message: "车道信息错误" };
     } else if (e !== void 0 && !isNaN(e)) {
-      const n = o.getLaneSection(e);
+      const n = s.getLaneSection(e);
       return n ? { status: 0, message: "ok", result: n.polygon } : { status: -1, message: "路段信息错误" };
     } else
-      return { status: 0, message: "ok", result: o.polygon };
+      return { status: 0, message: "ok", result: s.polygon };
   }
   /**
    * 车道长度
    * @param laneInfo
    * @returns
    */
-  getLaneLength(t) {
-    const e = this.getLane(t);
+  getLaneLength(o) {
+    const e = this.getLane(o);
     if (e) {
-      let s = 0;
-      return e.road.isLastLaneSection(e.laneSection.s0) ? s = e.road.length - e.laneSection.s0 : s = e.road.getNextLaneSection(
+      let t = 0;
+      return e.road.isLastLaneSection(e.laneSection.s0) ? t = e.road.length - e.laneSection.s0 : t = e.road.getNextLaneSection(
         e.laneSection.s0
       ).s0 - e.laneSection.s0, {
         status: 0,
         message: "ok",
-        result: Number(s.toFixed(2))
+        result: Number(t.toFixed(2))
       };
     } else
       return { status: -1, message: "车道信息错误" };
   }
-  getRoadStopLine(t) {
+  getRoadStopLine(o) {
     const e = [];
-    for (const s of this.junctionList) {
-      const o = s[0], n = s[1];
-      if (o === t) {
+    for (const t of this.junctionList) {
+      const s = t[0], n = t[1];
+      if (s === o) {
         const i = n.getRoadStopLine();
-        e.push({ junctionId: o, stopLines: i });
+        e.push({ junctionId: s, stopLines: i });
         break;
-      } else if (t === "") {
+      } else if (o === "") {
         const i = n.getRoadStopLine();
-        e.push({ junctionId: o, stopLines: i });
+        e.push({ junctionId: s, stopLines: i });
       }
     }
     return { status: 0, message: "ok", result: e };
   }
-  getLaneStopLine(t) {
-    const e = this.getLane(t);
+  getLaneStopLine(o) {
+    const e = this.getLane(o);
     return e ? { status: 0, message: "ok", result: e.getStopLine() } : { status: -1, message: "车道信息错误" };
   }
-  getLaneCenterLine(t) {
-    const e = this.getLane(t);
+  getLaneCenterLine(o) {
+    const e = this.getLane(o);
     return e ? {
       status: 0,
       message: "ok",
       result: e.getLaneEndPoints("middle")
     } : { status: -1, message: "车道信息错误" };
   }
+  getSumoEdgeInfo(o) {
+    const e = o.split("+"), t = e[0], s = Number(e[1]), n = this.roadList.get(t);
+    if (!n)
+      return;
+    let i = "";
+    if (n.laneSectionNumber === 1)
+      i = `-${t}`;
+    else {
+      const c = n.getLaneSectionIndex(s);
+      if (c === -1)
+        return;
+      i = `-${t}#${c}`;
+    }
+    const r = n.predecessor.elementId, a = n.successor.elementId, l = n.getLaneSection(s);
+    if (!l)
+      return;
+    const d = [], f = l.laneNumber - 1;
+    for (const c of l.allLanes) {
+      if (c.id === 0)
+        continue;
+      const h = f - Math.abs(c.id);
+      d.push({
+        obj_id: `${i}_${h}`
+      });
+    }
+    return {
+      obj_id: i,
+      obj_type: 1,
+      obj_desc: "edge",
+      obj_info: {
+        obj_id: i,
+        length: n.getLaneSectionLength(s),
+        from: r,
+        to: a,
+        numLanes: f,
+        type: "driving",
+        laneList: d
+      }
+    };
+  }
 }
 export {
-  g as default
+  u as default
 };

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

@@ -208,11 +208,13 @@ export interface IRoadStopLinesResult {
     }[];
 }
 export interface IShowOpenDriveFromFileParams {
+    server: string;
     file: string;
     options?: {
         showJunctionPolygon: boolean;
         showJunctionLane: boolean;
         showRoadName: boolean;
+        centerMap: boolean;
     };
 }
 export interface IFindSumoParams {
@@ -224,3 +226,12 @@ export interface ISplitOpenDriveLaneParams {
     start: number;
     end: number;
 }
+export interface IJunctionTableData {
+    id: string;
+    name: string;
+    type: string;
+    coordinates: number[];
+    district: string;
+    crossId?: string;
+    factoryCode?: string;
+}

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),v=require("./stores/index.js");require("./style/index.css");const de=require("./utils/holo-flow/index.js"),me=require("./utils/map-initializer.js"),C=require("./utils/open-drive-renderer/index.js"),pe=require("./utils/overlay.js"),fe=require("./utils/queue-length.js"),O=require("./utils/road-config-tool/index.js"),ge=require("./utils/traffic-flow.js"),we={class:"gis-viewer"},ve={style:{position:"absolute",bottom:"10px",left:"10px"}},ye=n.defineComponent({__name:"gis-map",props:{config:{},assetsRoot:{}},emits:["mapLoaded","markerClick","mapClick"],setup(k,{expose:T,emit:L}){const m=n.ref(null);let c,i,o,r,s,a,u,t;const p=n.ref(!1);v.registerStore(),n.onMounted(async()=>{if(!m.value)return;document.addEventListener("keydown",d=>{d.ctrlKey&&d.key==="i"&&(p.value=!p.value)});const e=n.getCurrentInstance(),{$gisviewerAssetsRoot:l}=e.appContext.config.globalProperties,h=await(await fetch(y.config)).json();h.assetsRoot=y.assetsRoot||l;const le=v.default.useAppDataStore;le.mapConfig=h,i=new me.default,c=await i.initialize({container:m.value,markerClickCallback:(d,g,w,ue)=>{f("markerClick",d,g,w,ue)},mapClickCallback:(d,g,w)=>{f("mapClick",d,g,w)}}),s=new de.default(c),await s.init(),f("mapLoaded")});const b=n.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 O.default(c)),o.showLaneNumber(e)),F=()=>{o==null||o.clearLaneNumber()},B=async e=>(o||(o=new O.default(c)),await o.initializeSearch(e)),E=async()=>o==null?void 0:o.calCrossIndicatorArea(),H=async()=>{},j=async(e,l)=>{r||(r=new ge.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=>(a||(a=new pe.default(c)),a.addOverlays(e)),Y=e=>a==null?void 0:a.removeOverlaysByType(e),$=e=>a==null?void 0:a.removeOverlaysById(e),ee=()=>a==null?void 0:a.removeAllOverlays(),te=()=>{a==null||a.showAllOverlays()},ae=e=>{u||(u=new fe.default(c)),u.updateQueueLength(e)},ne=()=>{u==null||u.removeQueueLength()},oe=async(e,l)=>(t||(t=new C.default(c)),await t.showOpenDriveFromServer(e,l)),re=async e=>(t||(t=new C.default(c)),await t.clearOpenDrive(),await t.showOpenDriveFromFile(e)),se=async()=>await(t==null?void 0:t.clearOpenDrive()),ce=async e=>t?await(t==null?void 0:t.findSumo(e)):{status:-1,message:"未加载OpenDrive地图"},ie=async e=>t?await(t==null?void 0:t.splitLane(e)):{status:-1,message:"未加载OpenDrive地图"},y=k,f=L;return T({mapViewer:b,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,splitOpenDriveLane:ie}),(e,l)=>(n.openBlock(),n.createElementBlock("div",we,[n.createElementVNode("div",{class:"gis-viewer-main",ref_key:"mapContainer",ref:m},[n.withDirectives(n.createElementVNode("div",ve,[n.createElementVNode("button",{style:{"margin-right":"10px"},onClick:S}," 开始记录 "),n.createElementVNode("button",{onClick:D},"下载日志")],512),[[n.vShow,p.value]])],512)]))}});exports.default=ye;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),v=require("./stores/index.js");require("./style/index.css");const de=require("./utils/holo-flow/index.js"),me=require("./utils/map-initializer.js"),C=require("./utils/open-drive-renderer/index.js"),pe=require("./utils/overlay.js"),fe=require("./utils/queue-length.js"),O=require("./utils/road-config-tool/index.js"),ge=require("./utils/traffic-flow.js"),we={class:"gis-viewer"},ve={style:{position:"absolute",bottom:"10px",left:"10px"}},ye=n.defineComponent({__name:"gis-map",props:{config:{},assetsRoot:{}},emits:["mapLoaded","markerClick","mapClick"],setup(k,{expose:T,emit:L}){const m=n.ref(null);let c,i,o,r,s,a,u,t;const p=n.ref(!1);n.onMounted(async()=>{if(v.registerStore(),!m.value)return;document.addEventListener("keydown",d=>{d.ctrlKey&&d.key==="i"&&(p.value=!p.value)});const e=n.getCurrentInstance(),{$gisviewerAssetsRoot:l}=e.appContext.config.globalProperties,h=await(await fetch(y.config)).json();h.assetsRoot=y.assetsRoot||l;const le=v.default.useAppDataStore;le.mapConfig=h,i=new me.default,c=await i.initialize({container:m.value,markerClickCallback:(d,g,w,ue)=>{f("markerClick",d,g,w,ue)},mapClickCallback:(d,g,w)=>{f("mapClick",d,g,w)}}),s=new de.default(c),await s.init(),f("mapLoaded")});const b=n.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 O.default(c)),o.showLaneNumber(e)),F=()=>{o==null||o.clearLaneNumber()},B=async e=>(o||(o=new O.default(c)),await o.initializeSearch(e)),E=async()=>o==null?void 0:o.calCrossIndicatorArea(),H=async()=>{},j=async(e,l)=>{r||(r=new ge.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=>(a||(a=new pe.default(c)),a.addOverlays(e)),Y=e=>a==null?void 0:a.removeOverlaysByType(e),$=e=>a==null?void 0:a.removeOverlaysById(e),ee=()=>a==null?void 0:a.removeAllOverlays(),te=()=>{a==null||a.showAllOverlays()},ae=e=>{u||(u=new fe.default(c)),u.updateQueueLength(e)},ne=()=>{u==null||u.removeQueueLength()},oe=async(e,l)=>(t||(t=new C.default(c)),await t.showOpenDriveFromServer(e,l)),re=async e=>(t||(t=new C.default(c)),await t.clearOpenDrive(),await t.showOpenDriveFromFile(e)),se=async()=>await(t==null?void 0:t.clearOpenDrive()),ce=async e=>t?await(t==null?void 0:t.findSumo(e)):{status:-1,message:"未加载OpenDrive地图"},ie=async e=>t?await(t==null?void 0:t.splitLane(e)):{status:-1,message:"未加载OpenDrive地图"},y=k,f=L;return T({mapViewer:b,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,splitOpenDriveLane:ie}),(e,l)=>(n.openBlock(),n.createElementBlock("div",we,[n.createElementVNode("div",{class:"gis-viewer-main",ref_key:"mapContainer",ref:m},[n.withDirectives(n.createElementVNode("div",ve,[n.createElementVNode("button",{style:{"margin-right":"10px"},onClick:S}," 开始记录 "),n.createElementVNode("button",{onClick:D},"下载日志")],512),[[n.vShow,p.value]])],512)]))}});exports.default=ye;

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

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

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

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

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

@@ -66,12 +66,17 @@ export default class CommonUtils {
     static getStdVecEntries(std_vec: any, delete_vec?: boolean): any[];
     static getStdMapEntries(std_map: any): any[];
     static getStdMapKeys(std_map: any, delete_map?: boolean): any[];
+    static geoReference: string;
+    static xOffset: number;
+    static yOffset: number;
+    static setGeoData(geoReference: string, xOffset: number, yOffset: number): void;
     /**
      * OpenDrive坐标转换为WGS84坐标
      * @param line
      * @returns
      */
     static transformLineProjection(line: number[][]): number[][];
+    static transformPointProjection(point: number[]): number[];
     static pointsEqual(point1: number[], point2: number[]): boolean;
     static getExtensionLine(pt1: number[], pt2: number[], distance: number): turf.Position;
 }

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("@arcgis/core/geometry"),O=require("@arcgis/core/geometry/geometryEngineAsync"),L=require("@arcgis/core/geometry/support/webMercatorUtils"),l=require("@turf/bearing"),g=require("@turf/destination"),w=require("@turf/helpers"),b=require("pako"),m=require("proj4"),A=require("../stores/appData.js");function y(c){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const e in c)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(c,e);Object.defineProperty(t,e,n.get?n:{enumerable:!0,get:()=>c[e]})}}return t.default=c,Object.freeze(t)}const p=y(O),P=y(L),a=y(w);class i{static destinationWithPoint(t,e,n){const r=a.point([t.x,t.y]),s=g(r,n,e,{units:"meters"});return new u.Point({x:s.geometry.coordinates[0],y:s.geometry.coordinates[1]})}static angleOfLine(t){const e=t.paths[0],n=a.point(e[0]),r=a.point(e[e.length-1]);return l(n,r)}static extendLineInTowDir(t,e){const n=t.paths[0],r=a.point(n[0]),s=a.point(n[1]),o=l(s,r),f=g(r,e,o,{units:"meters"}),h=o>0?o-180:o+180,d=g(s,e,h,{units:"meters"});return new u.Polyline({paths:[[f.geometry.coordinates,d.geometry.coordinates]]})}static async getIntersectPointOfTwoLines(t,e){const n=await p.intersectLinesToPoints(t,e);if(n.length)return n[0]}static async getIntersectPointsOfStopLineAndLane(t,e,n){let r=await i.getIntersectPointOfLineAndPolygon(t,e);if(await i.pointDistance(r)<3&&n){for(const s of n)if(r=await i.getIntersectPointOfLineAndPolygon(t,e,s),await i.pointDistance(r)>2.5){const o=new u.Polyline({paths:[r]});return(await i.getOffsetLine(o,-s)).paths[0]}}else return r;return[]}static async pointDistance(t){if(t.length<2)return 0;const e=new u.Polyline({paths:[t]});return await p.geodesicLength(e,"meters")}static async getIntersectPointOfLineAndPolygon(t,e,n=0){n!==0&&(t=await i.getOffsetLine(t,n));const r=await p.intersect(t,e);if(r instanceof u.Polyline){const s=r.paths[0],o=s[0],f=s[s.length-1];return[o,f]}return[]}static async getOffsetLine(t,e){const n=P.geographicToWebMercator(t),r=await p.offset(n,e,"meters");return P.webMercatorToGeographic(r,!1)}static unzip(t){try{const e=[],n=t.split("");for(let s=0;s<n.length;s++){const o=n[s];e.push(o.charCodeAt(0))}const r=new Uint8Array(e);return b.inflate(r,{to:"string"})}catch{console.log(`非压缩内容: ${t}`)}}static getStdVecEntries(t,e=!1){const n=new Array(t.size());for(let r=0;r<t.size();r++)n[r]=t.get(r);return e&&t.delete(),n}static getStdMapEntries(t){const e=[];for(const n of i.getStdMapKeys(t))e.push([n,t.get(n)]);return e}static getStdMapKeys(t,e=!1){const n=[],r=t.keys();for(let s=0;s<r.size();s++)n.push(r.get(s));return r.delete(),e&&t.delete(),n}static transformLineProjection(t){const e=A.useAppDataStore(),n=e.geoReference,r=e.xOffset,s=e.yOffset;return t.map(o=>m(n).inverse([o[0]-r,o[1]-s]))}static pointsEqual(t,e){return Math.abs(t[0]-e[0])<Number.EPSILON&&Math.abs(t[1]-e[1])<Number.EPSILON}static getExtensionLine(t,e,n){const r=a.point(t),s=a.point(e),o=l(r,s);return g(s,n,o,{units:"meters"}).geometry.coordinates}}exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("@arcgis/core/geometry"),L=require("@arcgis/core/geometry/geometryEngineAsync"),w=require("@arcgis/core/geometry/support/webMercatorUtils"),y=require("@turf/bearing"),g=require("@turf/destination"),b=require("@turf/helpers"),S=require("pako"),P=require("proj4");function l(a){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const t in a)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(a,t);Object.defineProperty(e,t,n.get?n:{enumerable:!0,get:()=>a[t]})}}return e.default=a,Object.freeze(e)}const p=l(L),h=l(w),c=l(b);class i{static destinationWithPoint(e,t,n){const r=c.point([e.x,e.y]),s=g(r,n,t,{units:"meters"});return new u.Point({x:s.geometry.coordinates[0],y:s.geometry.coordinates[1]})}static angleOfLine(e){const t=e.paths[0],n=c.point(t[0]),r=c.point(t[t.length-1]);return y(n,r)}static extendLineInTowDir(e,t){const n=e.paths[0],r=c.point(n[0]),s=c.point(n[1]),o=y(s,r),f=g(r,t,o,{units:"meters"}),O=o>0?o-180:o+180,d=g(s,t,O,{units:"meters"});return new u.Polyline({paths:[[f.geometry.coordinates,d.geometry.coordinates]]})}static async getIntersectPointOfTwoLines(e,t){const n=await p.intersectLinesToPoints(e,t);if(n.length)return n[0]}static async getIntersectPointsOfStopLineAndLane(e,t,n){let r=await i.getIntersectPointOfLineAndPolygon(e,t);if(await i.pointDistance(r)<3&&n){for(const s of n)if(r=await i.getIntersectPointOfLineAndPolygon(e,t,s),await i.pointDistance(r)>2.5){const o=new u.Polyline({paths:[r]});return(await i.getOffsetLine(o,-s)).paths[0]}}else return r;return[]}static async pointDistance(e){if(e.length<2)return 0;const t=new u.Polyline({paths:[e]});return await p.geodesicLength(t,"meters")}static async getIntersectPointOfLineAndPolygon(e,t,n=0){n!==0&&(e=await i.getOffsetLine(e,n));const r=await p.intersect(e,t);if(r instanceof u.Polyline){const s=r.paths[0],o=s[0],f=s[s.length-1];return[o,f]}return[]}static async getOffsetLine(e,t){const n=h.geographicToWebMercator(e),r=await p.offset(n,t,"meters");return h.webMercatorToGeographic(r,!1)}static unzip(e){try{const t=[],n=e.split("");for(let s=0;s<n.length;s++){const o=n[s];t.push(o.charCodeAt(0))}const r=new Uint8Array(t);return S.inflate(r,{to:"string"})}catch{console.log(`非压缩内容: ${e}`)}}static getStdVecEntries(e,t=!1){const n=new Array(e.size());for(let r=0;r<e.size();r++)n[r]=e.get(r);return t&&e.delete(),n}static getStdMapEntries(e){const t=[];for(const n of i.getStdMapKeys(e))t.push([n,e.get(n)]);return t}static getStdMapKeys(e,t=!1){const n=[],r=e.keys();for(let s=0;s<r.size();s++)n.push(r.get(s));return r.delete(),t&&e.delete(),n}static setGeoData(e,t,n){i.geoReference=e,i.xOffset=t,i.yOffset=n}static transformLineProjection(e){try{return e.map(t=>P(i.geoReference).inverse([t[0]-i.xOffset,t[1]-i.yOffset]))}catch{return console.error("OpenDrive坐标转换为WGS84坐标失败",i.geoReference),e}}static transformPointProjection(e){try{return P(i.geoReference).inverse([e[0]-i.xOffset,e[1]-i.yOffset])}catch{return console.error("OpenDrive坐标转换为WGS84坐标失败",i.geoReference),e}}static pointsEqual(e,t){return Math.abs(e[0]-t[0])<Number.EPSILON&&Math.abs(e[1]-t[1])<Number.EPSILON}static getExtensionLine(e,t,n){const r=c.point(e),s=c.point(t),o=y(r,s);return g(s,n,o,{units:"meters"}).geometry.coordinates}}exports.default=i;