gisviewer-vue3-arcgis 1.0.170 → 1.0.172

package/es/src/gis-map/utils/holo-flow/trace-renderer-external.mjs

@@ -1,4 +1,4 @@
-import * as M from "@arcgis/core/core/promiseUtils.js";
+import * as b from "@arcgis/core/core/promiseUtils.js";
 import * as P from "@arcgis/core/core/reactiveUtils.js";
 import v from "@arcgis/core/geometry/SpatialReference";
 import * as u from "@arcgis/core/views/3d/externalRenderers";
@@ -8,7 +8,7 @@ import { toRaw as T } from "vue";
 import { EVehiclePlateState as m } from "../../../types/index.mjs";
 import C from "../../stores/index.mjs";
 class V {
-  constructor(s) {
+  constructor(i) {
     this.cameraHeightThreshold = 1e3, this.roughness = 0.2, this.metalness = 0.8, this.defaultMaterial = new a.MeshPhongMaterial({
       color: 16777215
     }), this.materialMap = /* @__PURE__ */ new Map([
@@ -44,19 +44,19 @@ class V {
         "queueLength",
         "status"
       ]
-    ], this.view = s;
+    ], this.view = i;
     const e = T(this.appDataStore.mapConfig);
     this.assetsRoot = e.assetsRoot, P.watch(
       () => this.view.camera.position.z,
-      (t, i) => {
-        (i <= this.cameraHeightThreshold && t > this.cameraHeightThreshold || i > this.cameraHeightThreshold && t <= this.cameraHeightThreshold) && (this.updateModel = !0);
+      (t, s) => {
+        (s <= this.cameraHeightThreshold && t > this.cameraHeightThreshold || s > this.cameraHeightThreshold && t <= this.cameraHeightThreshold) && (this.updateModel = !0);
       }
     );
   }
   // private readonly vehiclePool = new VehiclePool();
-  createCarMaterial(s) {
+  createCarMaterial(i) {
     return new a.MeshPhongMaterial({
-      color: s
+      color: i
       // // emissive: 0xc3c3c3,
       // roughness: this.roughness,
       // metalness: this.metalness
@@ -66,39 +66,44 @@ class V {
     return this.logTable;
   }
   async init() {
-    const s = new y();
-    await M.eachAlways([
+    const i = new y();
+    await b.eachAlways([
       new Promise((e) => {
-        s.load(`${this.assetsRoot}/3DModels/car.glb`, (t) => {
-          const i = t.scene, n = new a.Box3().setFromObject(i).getSize(new a.Vector3());
-          this.carModel = new a.Object3D(), this.carModel.rotation.x = a.MathUtils.degToRad(90), this.carModel.add(i), i.position.set(0, 0, n.z / 2), e();
+        i.load(`${this.assetsRoot}/3DModels/car.glb`, (t) => {
+          const s = t.scene, n = new a.Box3().setFromObject(s).getSize(new a.Vector3());
+          this.carModel = new a.Object3D(), this.carModel.rotation.x = a.MathUtils.degToRad(90), this.carModel.add(s), s.position.set(0, 0, n.z / 2), e();
         });
       }),
       new Promise((e) => {
-        s.load(`${this.assetsRoot}/3DModels/van.glb`, (t) => {
-          const i = t.scene, n = new a.Box3().setFromObject(i).getSize(new a.Vector3());
-          this.vanModel = new a.Object3D(), this.vanModel.rotation.x = a.MathUtils.degToRad(90), this.vanModel.add(i), i.position.set(0, 0, n.z / 2), e();
+        i.load(`${this.assetsRoot}/3DModels/van.glb`, (t) => {
+          const s = t.scene, n = new a.Box3().setFromObject(s).getSize(new a.Vector3());
+          this.vanModel = new a.Object3D(), this.vanModel.rotation.x = a.MathUtils.degToRad(90), this.vanModel.add(s), s.position.set(0, 0, n.z / 2), e();
         });
       }),
       new Promise((e) => {
-        s.load(`${this.assetsRoot}/3DModels/truck.glb`, (t) => {
-          const i = t.scene;
-          i.scale.set(1.2, 1, 1.5);
-          const n = new a.Box3().setFromObject(i).getSize(new a.Vector3());
-          this.truckModel = new a.Object3D(), this.truckModel.rotation.x = a.MathUtils.degToRad(90), this.truckModel.add(i), i.position.set(0, 0, n.z / 2), e();
+        i.load(`${this.assetsRoot}/3DModels/truck.glb`, (t) => {
+          const s = t.scene;
+          s.scale.set(1.2, 1, 1.5);
+          const n = new a.Box3().setFromObject(s).getSize(new a.Vector3());
+          this.truckModel = new a.Object3D(), this.truckModel.rotation.x = a.MathUtils.degToRad(90), this.truckModel.add(s), s.position.set(0, 0, n.z / 2), e();
         });
       }),
       new Promise((e) => {
-        s.load(`${this.assetsRoot}/3DModels/bus.glb`, (t) => {
-          const i = t.scene, n = new a.Box3().setFromObject(i).getSize(new a.Vector3());
-          this.busModel = new a.Object3D(), this.busModel.rotation.x = a.MathUtils.degToRad(90), this.busModel.add(i), i.position.set(0, 0, n.z / 2), e();
+        i.load(`${this.assetsRoot}/3DModels/bus.glb`, (t) => {
+          const s = t.scene, n = new a.Box3().setFromObject(s).getSize(new a.Vector3());
+          this.busModel = new a.Object3D(), this.busModel.rotation.x = a.MathUtils.degToRad(90), this.busModel.add(s), s.position.set(0, 0, n.z / 2), e();
         });
       }),
       new Promise((e) => {
-        s.load(`${this.assetsRoot}/3DModels/bicycle.glb`, (t) => {
+        i.load(`${this.assetsRoot}/3DModels/bicycle.glb`, (t) => {
           this.bicycleModel = t.scene, this.bicycleModel.rotation.x = a.MathUtils.degToRad(90), this.bicycleModel.rotation.y = a.MathUtils.degToRad(180), e();
         });
       }),
+      new Promise((e) => {
+        i.load(`${this.assetsRoot}/3DModels/bicycle.glb`, (t) => {
+          this.passengerModel = t.scene, this.passengerModel.rotation.x = a.MathUtils.degToRad(90), this.passengerModel.rotation.y = a.MathUtils.degToRad(180), e();
+        });
+      }),
       new Promise((e) => {
         this.bluePlateBG = new Image(), this.bluePlateBG.src = `${this.assetsRoot}/Images/PlateBG/blue.png`, this.bluePlateBG.onload = () => {
           e();
@@ -136,12 +141,12 @@ class V {
       })
     ]), this.isInitialized = !0;
   }
-  setInterpolate(s) {
-    this.clearVehicles(), this.needInterpolate = s;
+  setInterpolate(i) {
+    this.clearVehicles(), this.needInterpolate = i;
   }
-  async setup(s) {
-    this.context = s, this.renderer = new a.WebGLRenderer({
-      context: s.gl,
+  async setup(i) {
+    this.context = i, this.renderer = new a.WebGLRenderer({
+      context: i.gl,
       premultipliedAlpha: !0,
       logarithmicDepthBuffer: !0,
       antialias: !0,
@@ -150,25 +155,25 @@ class V {
     const e = this.renderer.setRenderTarget.bind(
       this.renderer
     );
-    this.renderer.setRenderTarget = (i) => {
-      e(i), i == null && s.bindRenderTarget();
+    this.renderer.setRenderTarget = (s) => {
+      e(s), s == null && i.bindRenderTarget();
     }, this.scene = new a.Scene();
-    const { camera: t } = s;
+    const { camera: t } = i;
     this.camera = new a.PerspectiveCamera(
       t.fovY,
       t.aspect,
       0.1,
       1e5
-    ), this.ambient = new a.AmbientLight(16777215, 2), this.scene.add(this.ambient), this.sun = new a.DirectionalLight(16777215, 2), this.scene.add(this.sun), s.resetWebGLState();
+    ), this.ambient = new a.AmbientLight(16777215, 2), this.scene.add(this.ambient), this.sun = new a.DirectionalLight(16777215, 2), this.scene.add(this.sun), i.resetWebGLState();
   }
-  async render(s) {
-    var i;
-    const e = s.camera;
+  async render(i) {
+    var s;
+    const e = i.camera;
     if (this.camera.position.set(e.eye[0], e.eye[1], e.eye[2]), this.camera.up.set(e.up[0], e.up[1], e.up[2]), this.camera.lookAt(
       new a.Vector3(e.center[0], e.center[1], e.center[2])
     ), this.camera.projectionMatrix.fromArray(e.projectionMatrix), !this.isPaused && this.needInterpolate)
       for (const o of this.vehicleObjectMap.keys()) {
-        const n = (i = this.vehicleObjectMap.get(o)) == null ? void 0 : i.model;
+        const n = (s = this.vehicleObjectMap.get(o)) == null ? void 0 : s.model;
         if (!n)
           continue;
         const r = this.computeVehiclePosition(o);
@@ -177,7 +182,7 @@ class V {
           n.position.set(d[0], d[1], d[2]), n.rotation.y = a.MathUtils.degToRad(-r[3]);
         }
       }
-    const t = s.sunLight;
+    const t = i.sunLight;
     this.sun.position.set(t.direction[0], t.direction[1], t.direction[2]), this.sun.intensity = t.diffuse.intensity, this.sun.color = new a.Color(
       t.diffuse.color[0],
       t.diffuse.color[1],
@@ -186,16 +191,16 @@ class V {
       t.ambient.color[0],
       t.ambient.color[1],
       t.ambient.color[2]
-    ), this.renderer.resetState(), s.bindRenderTarget(), this.renderer.render(this.scene, this.camera), u.requestRender(this.view), s.resetWebGLState();
+    ), this.renderer.resetState(), i.bindRenderTarget(), this.renderer.render(this.scene, this.camera), u.requestRender(this.view), i.resetWebGLState();
   }
   /**
    * 新增车辆
    * */
-  async addVehicles(s) {
+  async addVehicles(i) {
     if (this.isPaused || !this.isInitialized)
       return;
     const e = Date.now();
-    for (const t of s) {
+    for (const t of i) {
       this.appDataStore.saveTrackLog && this.logTable.push([
         t.ptcId,
         t.plateNo,
@@ -216,19 +221,19 @@ class V {
         0,
         0
       ]);
-      const { vehicleId: i, localTimestamp: o } = t, n = Number(t.x), r = Number(t.y), d = Number(t.heading);
-      this.historyPositionMap.set(i, [
+      const { vehicleId: s, localTimestamp: o } = t, n = Number(t.x), r = Number(t.y), d = Number(t.heading);
+      this.historyPositionMap.set(s, [
         { pos: [n, r, 0], heading: d, time: o }
       ]);
       const h = this.getVehicleModel(t);
-      h.name = i, h.visible = !1;
+      h.name = s, h.visible = !1;
       try {
         const l = await this.createPlateSprite(t);
         l && (h.add(l), l.position.set(0, 5, -4));
       } catch (l) {
         console.log("createPlateSprite error:", l);
       }
-      this.scene.add(h), this.vehicleObjectMap.set(i, {
+      this.scene.add(h), this.vehicleObjectMap.set(s, {
         model: h,
         data: t,
         waitForDelete: !1,
@@ -239,50 +244,50 @@ class V {
   /**
    * 更新车辆
    * */
-  async updateVehicles(s) {
+  async updateVehicles(i) {
     if (this.isPaused || !this.isInitialized)
       return;
     const e = [], t = Date.now();
-    for (const i of s) {
-      const { vehicleId: o, localTimestamp: n } = i, r = Number(i.x), d = Number(i.y);
-      let h = Number(i.heading);
+    for (const s of i) {
+      const { vehicleId: o, localTimestamp: n } = s, r = Number(s.x), d = Number(s.y);
+      let h = Number(s.heading);
       const l = this.vehicleObjectMap.get(o), p = this.historyPositionMap.get(
         o
       );
       if (!l || !p)
-        e.push(i);
+        e.push(s);
       else {
         if (this.appDataStore.saveTrackLog && this.logTable.push([
-          i.ptcId,
-          i.plateNo,
-          i.timestamp,
-          i.localTimestamp,
-          i.speed,
-          i.x,
-          i.y,
-          i.ptcType,
-          i.vehicleType,
-          i.vehicleColor,
-          i.plateColor,
-          i.heading,
-          i.fixAngle,
-          i.roadLayer,
-          i.step,
+          s.ptcId,
+          s.plateNo,
+          s.timestamp,
+          s.localTimestamp,
+          s.speed,
+          s.x,
+          s.y,
+          s.ptcType,
+          s.vehicleType,
+          s.vehicleColor,
+          s.plateColor,
+          s.heading,
+          s.fixAngle,
+          s.roadLayer,
+          s.step,
           t,
           p.length,
           1
-        ]), this.updateModel || l.data.vehicleColor !== i.vehicleColor || l.data.vehicleType !== i.vehicleType) {
-          this.scene.remove(l.model), this.disposeModel(l.model), l.model = this.getVehicleModel(i), l.model.visible = !0;
-          const c = await this.createPlateSprite(i);
+        ]), this.updateModel || l.data.vehicleColor !== s.vehicleColor || l.data.vehicleType !== s.vehicleType) {
+          this.scene.remove(l.model), this.disposeModel(l.model), l.model = this.getVehicleModel(s), l.model.visible = !0;
+          const c = await this.createPlateSprite(s);
           c && (l.model.add(c), c.position.set(0, 5, -4)), this.scene.add(l.model);
         }
-        if (l.data.showName !== i.showName || l.data.plateColor !== i.plateColor) {
+        if (l.data.showName !== s.showName || l.data.plateColor !== s.plateColor) {
           const c = l.model.getObjectByName("VehiclePlate");
           c && (l.model.remove(c), this.disposeModel(c));
-          const g = await this.createPlateSprite(i);
+          const g = await this.createPlateSprite(s);
           g && (l.model.add(g), g.position.set(0, 5, -4));
         }
-        if (l.data = i, this.needInterpolate) {
+        if (l.data = s, this.needInterpolate) {
           const c = p[p.length - 1];
           Math.abs(h - c.heading) >= 180 && (h > c.heading ? c.heading += 360 : h += 360), p.push({
             pos: [r, d, 0],
@@ -300,12 +305,12 @@ class V {
     }
     await this.addVehicles(e), this.updateModel = !1, this.needInterpolate || this.render(this.context);
   }
-  toRenderCoordinates(s) {
+  toRenderCoordinates(i) {
     const e = [0, 0, 0];
     return u.toRenderCoordinates(
       // @ts-ignore
       this.view,
-      s,
+      i,
       0,
       v.WGS84,
       e,
@@ -316,11 +321,11 @@ class V {
   /**
    * 删除车辆
    * */
-  deleteVehicles(s) {
+  deleteVehicles(i) {
     if (this.isPaused)
       return;
     const e = Date.now();
-    s.forEach((t) => {
+    i.forEach((t) => {
       if (this.appDataStore.saveTrackLog) {
         const o = this.historyPositionMap.get(t);
         this.logTable.push([
@@ -344,29 +349,29 @@ class V {
           2
         ]);
       }
-      const i = this.vehicleObjectMap.get(t);
-      i && (this.needInterpolate ? i.isMoving ? i.waitForDelete = !0 : this.deleteVehicle(i) : this.deleteVehicle(i));
+      const s = this.vehicleObjectMap.get(t);
+      s && (this.needInterpolate ? s.isMoving ? s.waitForDelete = !0 : this.deleteVehicle(s) : this.deleteVehicle(s));
     });
   }
-  deleteVehicle(s) {
-    this.scene.remove(s.model), this.disposeModel(s.model);
-    const e = s.data.vehicleId;
+  deleteVehicle(i) {
+    this.scene.remove(i.model), this.disposeModel(i.model);
+    const e = i.data.vehicleId;
     this.vehicleObjectMap.delete(e), this.historyPositionMap.delete(e);
   }
-  async toggleTrafficInfo(s) {
-    s.name === "vehiclePlate" && (s.visible === !0 && this.currentSpriteContent === m.None ? await this.updatePanelContent(m.PlateNumber) : await this.updatePanelContent(
-      s.visible ? this.currentSpriteContent : m.None
+  async toggleTrafficInfo(i) {
+    i.name === "vehiclePlate" && (i.visible === !0 && this.currentSpriteContent === m.None ? await this.updatePanelContent(m.PlateNumber) : await this.updatePanelContent(
+      i.visible ? this.currentSpriteContent : m.None
     ));
   }
-  togglePause(s) {
-    this.isPaused = s;
+  togglePause(i) {
+    this.isPaused = i;
   }
   /**
    * 清除全部车辆
    * */
   clearVehicles() {
-    for (const s of this.vehicleObjectMap.keys()) {
-      const e = this.vehicleObjectMap.get(s);
+    for (const i of this.vehicleObjectMap.keys()) {
+      const e = this.vehicleObjectMap.get(i);
       e && (this.scene.remove(e.model), this.disposeModel(e.model));
     }
     this.vehicleObjectMap.clear(), this.historyPositionMap.clear();
@@ -376,14 +381,14 @@ class V {
    * @param contentType
    * @returns
    */
-  async updatePanelContent(s) {
-    if (s !== this.currentSpriteContent) {
-      this.currentSpriteContent = s;
+  async updatePanelContent(i) {
+    if (i !== this.currentSpriteContent) {
+      this.currentSpriteContent = i;
       for (const e of this.vehicleObjectMap.keys()) {
         const t = this.vehicleObjectMap.get(e);
         if (t) {
-          const i = t.model.getObjectByName("VehiclePlate");
-          if (i && (t.model.remove(i), this.disposeModel(i)), s !== m.None) {
+          const s = t.model.getObjectByName("VehiclePlate");
+          if (s && (t.model.remove(s), this.disposeModel(s)), i !== m.None) {
             const o = await this.createPlateSprite(t.data);
             o && (t.model.add(o), o.position.set(0, 5, -4));
           }
@@ -391,36 +396,36 @@ class V {
       }
     }
   }
-  toggleGroundVehicle(s) {
-    console.log("toggleGroundVehicle", s), this.showGroundVehicle = s;
+  toggleGroundVehicle(i) {
+    console.log("toggleGroundVehicle", i), this.showGroundVehicle = i;
   }
-  toggleElevatedVehicle(s) {
-    this.showElevatedVehicle = s;
+  toggleElevatedVehicle(i) {
+    this.showElevatedVehicle = i;
   }
   /**
    * 释放模型资源
    * */
-  disposeModel(s) {
-    s.traverse((e) => {
+  disposeModel(i) {
+    i.traverse((e) => {
       e instanceof a.Mesh && (e.geometry.dispose(), e.material.dispose());
     });
   }
   /**
    * 计算车辆位置
    * */
-  computeVehiclePosition(s) {
-    const e = this.historyPositionMap.get(s), t = this.vehicleObjectMap.get(s);
+  computeVehiclePosition(i) {
+    const e = this.historyPositionMap.get(i), t = this.vehicleObjectMap.get(i);
     if (!t || !e || !t.isMoving && e.length <= 2)
       return;
-    const i = Date.now();
-    t.isMoving = !0, t.data.roadLayer === "1" ? t.model.visible = this.showGroundVehicle : t.model.visible = this.showElevatedVehicle, t.segmentStartTime || (t.segmentStartTime = i, t.segmentTotalTime = e[1].time - e[0].time);
-    const o = i - t.segmentStartTime, n = Math.min(
+    const s = Date.now();
+    t.isMoving = !0, t.data.roadLayer === "1" ? t.model.visible = this.showGroundVehicle : t.model.visible = this.showElevatedVehicle, t.segmentStartTime || (t.segmentStartTime = s, t.segmentTotalTime = e[1].time - e[0].time);
+    const o = s - t.segmentStartTime, n = Math.min(
       o / t.segmentTotalTime,
       1
     );
     if (n === 1)
       if (e.shift(), e.length === 1) {
-        t.waitForDelete === !0 ? this.deleteVehicle(t) : (t.segmentStartTime = void 0, t.segmentTotalTime = void 0, t.model.visible = !1, t.isMoving = !1, console.log("hide vehicle", s));
+        t.waitForDelete === !0 ? this.deleteVehicle(t) : (t.segmentStartTime = void 0, t.segmentTotalTime = void 0, t.model.visible = !1, t.isMoving = !1, console.log("hide vehicle", i));
         return;
       } else {
         t.segmentStartTime = Date.now();
@@ -436,7 +441,7 @@ class V {
   /**
    * 根据车辆类型、车身颜色获取模型
    * */
-  getVehicleModel(s) {
+  getVehicleModel(i) {
     if (this.view.camera.position.z >= this.cameraHeightThreshold) {
       const e = new a.SphereGeometry(5, 32, 32), t = new a.MeshPhysicalMaterial({
         color: 325253,
@@ -447,10 +452,12 @@ class V {
       return new a.Mesh(e, t);
     } else {
       let e;
-      if (s.ptcType === 2)
+      if (i.ptcType === 2)
         e = this.bicycleModel.clone();
+      else if (i.ptcType === 3)
+        e = this.passengerModel.clone();
       else {
-        switch (s.vehicleType) {
+        switch (i.vehicleType) {
           case 10:
             e = this.carModel.clone();
             break;
@@ -467,10 +474,10 @@ class V {
             e = this.carModel.clone();
             break;
         }
-        const t = this.materialMap.get(s.vehicleColor) || this.defaultMaterial;
-        let i = !1;
+        const t = this.materialMap.get(i.vehicleColor) || this.defaultMaterial;
+        let s = !1;
         e.traverse((o) => {
-          !i && o instanceof a.Mesh && (o.material = t, i = !0);
+          !s && o instanceof a.Mesh && (o.material = t, s = !0);
         });
       }
       return e;
@@ -479,30 +486,30 @@ class V {
   /**
    * 创建号牌canvas
    * */
-  createCanvas(s, e, t) {
-    const i = document.createElement("canvas"), o = s.width, n = s.height;
-    i.width = o, i.height = n;
-    const r = i.getContext("2d");
+  createCanvas(i, e, t) {
+    const s = document.createElement("canvas"), o = i.width, n = i.height;
+    s.width = o, s.height = n;
+    const r = s.getContext("2d");
     if (!r) {
       console.log("canvas创建失败");
       return;
     }
-    return r.fillStyle = "rgba(0,0,0,0.0)", r.fillRect(0, 0, o, n), r.drawImage(s, 0, 0, o, n), r.beginPath(), r.translate(o / 2, n / 2), r.fillStyle = t, r.font = "bold 32px 宋体", r.textBaseline = "middle", r.textAlign = "center", r.fillText(e, 0, 0), i;
+    return r.fillStyle = "rgba(0,0,0,0.0)", r.fillRect(0, 0, o, n), r.drawImage(i, 0, 0, o, n), r.beginPath(), r.translate(o / 2, n / 2), r.fillStyle = t, r.font = "bold 32px 宋体", r.textBaseline = "middle", r.textAlign = "center", r.fillText(e, 0, 0), s;
   }
-  createPlateSprite(s) {
+  createPlateSprite(i) {
     return new Promise((e, t) => {
       var h, l;
-      const i = !s.plateNo || s.plateNo === "0" || s.plateNo === "000000";
-      if (this.currentSpriteContent === m.None || this.currentSpriteContent === m.PlateNumber && i) {
+      const s = !i.plateNo || i.plateNo === "0" || i.plateNo === "000000";
+      if (this.currentSpriteContent === m.None || this.currentSpriteContent === m.PlateNumber && s) {
         e(void 0);
         return;
       }
       let o = new Image(), n = "", r = "";
       if (this.currentSpriteContent === m.PlateNumber || this.currentSpriteContent === m.Mix)
-        if (i)
-          o = this.greyPlateBG, n = s.ptcId, r = "#ffffff";
+        if (s)
+          o = this.greyPlateBG, n = i.ptcId, r = "#ffffff";
         else
-          switch (n = ((h = s.showName) == null ? void 0 : h.substring(0, 2)) + "•" + ((l = s.showName) == null ? void 0 : l.substring(2)), s.plateColor) {
+          switch (n = ((h = i.showName) == null ? void 0 : h.substring(0, 2)) + "•" + ((l = i.showName) == null ? void 0 : l.substring(2)), i.plateColor) {
             case 1:
               o = this.bluePlateBG, r = "#ffffff";
               break;
@@ -522,18 +529,18 @@ class V {
               o = this.neoGreenPlateBG, r = "#000000";
               break;
             default:
-              o = this.greyPlateBG, n = s.plateNo, r = "#ffffff";
+              o = this.greyPlateBG, n = i.plateNo, r = "#ffffff";
               break;
           }
       else
-        this.currentSpriteContent === m.Id && (o = this.greyPlateBG, n = s.ptcId, r = "#ffffff");
+        this.currentSpriteContent === m.Id && (o = this.greyPlateBG, n = i.ptcId, r = "#ffffff");
       const d = this.createCanvas(o, n, r);
       if (d) {
         const p = new a.CanvasTexture(d), c = new a.SpriteMaterial({
           map: p,
           transparent: !1
-        }), g = new a.Sprite(c), f = 0.05, w = d.width * f, b = d.height * f;
-        g.scale.set(w, b, 1), g.name = "VehiclePlate", e(g);
+        }), g = new a.Sprite(c), f = 0.05, w = d.width * f, M = d.height * f;
+        g.scale.set(w, M, 1), g.name = "VehiclePlate", e(g);
       } else {
         t("canvas创建失败");
         return;

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

@@ -323,7 +323,7 @@ class O {
    * @returns
    */
   async showOpenDriveFromFile(e) {
-    var y, m;
+    var f, m;
     this.openDriveClickCallback = e.selectedCallback, this.scaleWatch = $.watch(
       () => this.view.scale,
       (h, p) => {
@@ -381,7 +381,7 @@ class O {
     const a = await (await fetch(c)).arrayBuffer(), n = G.inflate(a, { to: "string" }), l = JSON.parse(n);
     await this.showAllLanes(
       l,
-      ((y = e.options) == null ? void 0 : y.showJunctionLane) || !1,
+      ((f = e.options) == null ? void 0 : f.showJunctionLane) || !1,
       ((m = e.options) == null ? void 0 : m.showRoadName) || !0
     );
     const d = o.data.result.junctions;
@@ -438,7 +438,7 @@ class O {
         const { id: l, refLine: d } = n;
         let u = n.name;
         u.includes("(") && (u = u.slice(0, u.indexOf("("))), u = u.replace(/(.)/g, "$1 ");
-        const y = new g({
+        const f = new g({
           geometry: {
             type: "polyline",
             paths: [d]
@@ -449,21 +449,21 @@ class O {
             roadName: u
           }
         });
-        this.allRefLineGraphics.push(y), n.laneSections.sort((m, h) => Number(m.id) - Number(h.id));
+        this.allRefLineGraphics.push(f), n.laneSections.sort((m, h) => Number(m.id) - Number(h.id));
         for (let m = 0; m < n.laneSections.length; m++) {
           const h = n.laneSections[m], p = Number(h.id);
-          for (const f of h.lanePaths) {
-            const v = Number(f.id);
+          for (const y of h.lanePaths) {
+            const v = Number(y.id);
             if (v === 0)
               continue;
-            const I = f.type, M = [...f.outerPath], A = f.innerPath.concat(
+            const I = y.type, M = [...y.outerPath], A = y.innerPath.concat(
               M.reverse()
             );
             if (A.length <= 3) {
               console.warn(`lane ${v} has less than 3 points`);
               continue;
             }
-            A.push(f.innerPath[0]);
+            A.push(y.innerPath[0]);
             const N = new L({
               rings: [A]
             });
@@ -483,8 +483,8 @@ class O {
                   type: I,
                   sumoId: "",
                   // 记录左右边线的起始点，用于按长度高亮车道的一部分
-                  leftLine: f.innerPath,
-                  rightLine: f.outerPath
+                  leftLine: y.innerPath,
+                  rightLine: y.outerPath
                 }
               });
               this.allLaneGraphics.push(j), r.push(j);
@@ -573,7 +573,7 @@ class O {
           (p) => `${p.attributes.roadId}+${p.attributes.sectionId}` === r
         ), l = S.union(
           n.map((p) => p.geometry)
-        ), d = this.hitGraphic.getAttribute("fromNode"), u = this.hitGraphic.getAttribute("toNode"), y = this.junctionNames.get(d) || d, m = this.junctionNames.get(u) || u, h = new g({
+        ), d = this.hitGraphic.getAttribute("fromNode"), u = this.hitGraphic.getAttribute("toNode"), f = this.junctionNames.get(d) || d, m = this.junctionNames.get(u) || u, h = new g({
           geometry: l,
           symbol: {
             type: "simple-fill",
@@ -588,7 +588,7 @@ class O {
             type: "OpenDriveSection",
             id: r,
             selected: !1,
-            fromNodeName: y,
+            fromNodeName: f,
             toNodeName: m,
             laneCount: n.length
           },
@@ -985,13 +985,13 @@ class O {
           type: "edge",
           id: d
         });
-        const u = `http://${this.openDriveServer}/api/sumo/getSumoEdge`, y = await b.get(u, {
+        const u = `http://${this.openDriveServer}/api/sumo/getSumoEdge`, f = await b.get(u, {
           params: {
             id: `${n}+${a.getAttribute("sectionId")}`,
             projectName: this.projectName
           }
         });
-        y.status === 200 && y.data.status === 0 && i.push(y.data.result);
+        f.status === 200 && f.data.status === 0 && i.push(f.data.result);
       }
     }
     const c = this.junctionLayer.graphics.filter((a) => {
@@ -1036,17 +1036,17 @@ class O {
     );
     if (!l)
       return { status: -1, message: "未找到车道" };
-    const d = e.start || 0, u = e.end || 100, y = D.lineString(l.getAttribute("leftLine")), m = x(y, d, u, {
+    const d = e.start || 0, u = e.end || 100, f = D.lineString(l.getAttribute("leftLine")), m = x(f, d, u, {
       units: "meters"
     }), h = D.lineString(l.getAttribute("rightLine")), p = x(h, d, u, {
       units: "meters"
-    }), f = m.geometry.coordinates.concat(
+    }), y = m.geometry.coordinates.concat(
       p.geometry.coordinates.reverse()
     );
-    f.push(f[f.length - 1]);
+    y.push(y[y.length - 1]);
     const v = new g({
       geometry: new L({
-        rings: [f]
+        rings: [y]
       }),
       attributes: {
         ObjectID: l.getAttribute("ObjectID"),
@@ -1071,7 +1071,7 @@ class O {
         }
       }
     });
-    return this.splitLaneLayer.add(v), this.view.goTo(v), { status: 0, message: "ok", result: e };
+    return this.splitLaneLayer.add(v), this.view.goTo(v), { status: 0, message: "ok", result: { coordinates: y } };
   }
   clearSplitLane() {
     this.splitLaneLayer.removeAll();