gisviewer-vue3-arcgis 1.0.100 → 1.0.102

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

@@ -1,320 +0,0 @@
-import b from "@arcgis/core/geometry/SpatialReference";
-import * as u from "@arcgis/core/views/3d/externalRenderers";
-import * as o from "three";
-import { GLTFLoader as v } from "three/examples/jsm/loaders/GLTFLoader.js";
-import { EVehiclePlateState as M } from "../../../types/index.mjs";
-import w from "../../stores/index.mjs";
-class k {
-  constructor(i) {
-    this.defaultMaterial = new o.MeshBasicMaterial({
-      color: 6908265
-    }), this.materialMap = /* @__PURE__ */ new Map([
-      [1, new o.MeshBasicMaterial({ color: 16777215 })],
-      [2, new o.MeshBasicMaterial({ color: 7833753 })],
-      [3, new o.MeshBasicMaterial({ color: 16766720 })],
-      [4, new o.MeshBasicMaterial({ color: 16758465 })],
-      [5, new o.MeshBasicMaterial({ color: 14423100 })],
-      [6, new o.MeshBasicMaterial({ color: 3329330 })],
-      [7, new o.MeshBasicMaterial({ color: 2003183 })],
-      [8, new o.MeshBasicMaterial({ color: 16032864 })],
-      [9, new o.MeshBasicMaterial({ color: 2105376 })],
-      [10, new o.MeshBasicMaterial({ color: 9662683 })],
-      [99, new o.MeshBasicMaterial({ color: 6908265 })]
-    ]), this.carModelReady = !1, this.vanModelReady = !1, this.truckModelReady = !1, this.busModelReady = !1, this.bicycleModelReady = !1, this.currentSpriteContent = M.None, this.historyPositionMap = /* @__PURE__ */ new Map(), this.vehicleObjectMap = /* @__PURE__ */ new Map();
-    const e = w.useAppDataStore;
-    this.assetsRoot = JSON.parse(
-      JSON.stringify(e.mapConfig)
-    ).assetsRoot, this.view = i;
-    const t = new v();
-    t.load(`${this.assetsRoot}/3DModels/car.glb`, (s) => {
-      this.carModel = s.scene, this.carModel.rotation.x = o.MathUtils.degToRad(90), this.carModelReady = !0;
-    }), t.load(`${this.assetsRoot}/3DModels/van.glb`, (s) => {
-      this.vanModel = s.scene, this.vanModel.rotation.x = o.MathUtils.degToRad(90), this.vanModelReady = !0;
-    }), t.load(`${this.assetsRoot}/3DModels/truck.glb`, (s) => {
-      this.truckModel = s.scene, this.truckModel.scale.set(1.2, 1, 1.5), this.truckModel.rotation.x = o.MathUtils.degToRad(90), this.truckModelReady = !0;
-    }), t.load(`${this.assetsRoot}/3DModels/bus.glb`, (s) => {
-      this.busModel = s.scene, this.busModel.rotation.x = o.MathUtils.degToRad(90), this.busModelReady = !0;
-    }), t.load(`${this.assetsRoot}/3DModels/bicycle.glb`, (s) => {
-      this.bicycleModel = s.scene, this.bicycleModel.rotation.x = o.MathUtils.degToRad(90), this.bicycleModel.rotation.y = o.MathUtils.degToRad(180), this.bicycleModelReady = !0;
-    });
-  }
-  async setup(i) {
-    this.renderer = new o.WebGLRenderer({
-      context: i.gl,
-      premultipliedAlpha: !1,
-      antialias: !0
-    }), this.renderer.setPixelRatio(window.devicePixelRatio), this.renderer.setViewport(0, 0, this.view.width, this.view.height), this.renderer.autoClearDepth = !1, this.renderer.autoClearStencil = !1, this.renderer.autoClearColor = !1;
-    const e = this.renderer.setRenderTarget.bind(
-      this.renderer
-    );
-    this.renderer.setRenderTarget = (t) => {
-      e(t), t == null && i.bindRenderTarget();
-    }, this.scene = new o.Scene(), this.camera = new o.PerspectiveCamera(), this.ambient = new o.AmbientLight(16777215, 0.5), this.scene.add(this.ambient), this.sun = new o.DirectionalLight(16777215, 0.5), this.scene.add(this.sun), i.resetWebGLState();
-  }
-  async render(i) {
-    var s;
-    const e = i.camera;
-    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 o.Vector3(e.center[0], e.center[1], e.center[2])
-    ), this.camera.projectionMatrix.fromArray(e.projectionMatrix);
-    for (const r of this.vehicleObjectMap.keys()) {
-      const l = (s = this.vehicleObjectMap.get(r)) == null ? void 0 : s.model;
-      if (!l)
-        continue;
-      const a = this.computeVehiclePosition(r);
-      if (a) {
-        const c = [0, 0, 0];
-        u.toRenderCoordinates(
-          this.view,
-          a,
-          0,
-          b.WGS84,
-          c,
-          0,
-          1
-        ), l.position.set(c[0], c[1], c[2]), l.rotation.y = o.MathUtils.degToRad(-a[3]);
-      }
-    }
-    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 o.Color(
-      t.diffuse.color[0],
-      t.diffuse.color[1],
-      t.diffuse.color[2]
-    ), this.ambient.intensity = t.ambient.intensity, this.ambient.color = new o.Color(
-      t.ambient.color[0],
-      t.ambient.color[1],
-      t.ambient.color[2]
-    ), this.renderer.resetState(), i.bindRenderTarget(), this.renderer.render(this.scene, this.camera), u.requestRender(this.view), i.resetWebGLState();
-  }
-  /**
-   * 新增车辆
-   * */
-  addVehicles(i) {
-    !this.carModelReady || !this.vanModelReady || !this.truckModelReady || !this.busModelReady || !this.bicycleModelReady || i.forEach((e) => {
-      const { crossId: t, ptcId: s, localTimestamp: r } = e, l = Number(e.x), a = Number(e.y), c = Number(e.heading), h = `${t}-${s}`;
-      this.historyPositionMap.set(h, [
-        { pos: [l, a, 0], heading: c, time: r }
-      ]);
-      const n = this.getVehicleModel(e);
-      n.name = h, n.visible = !1, this.createPlateSprite(e, (d) => {
-        n.add(d), d.position.set(0, 5, -4);
-      }), this.scene.add(n), this.vehicleObjectMap.set(h, {
-        model: n,
-        data: e
-      });
-    });
-  }
-  /**
-   * 更新车辆
-   * */
-  updateVehicles(i) {
-    !this.carModelReady || !this.vanModelReady || !this.truckModelReady || !this.busModelReady || !this.bicycleModelReady || i.forEach((e) => {
-      const { crossId: t, ptcId: s, localTimestamp: r } = e, l = Number(e.x), a = Number(e.y);
-      let c = Number(e.heading);
-      const h = `${t}-${s}`, n = this.vehicleObjectMap.get(h);
-      if (n) {
-        if ((n.data.vehicleColor !== e.vehicleColor || n.data.vehicleType !== e.vehicleType) && (this.scene.remove(n.model), this.disposeModel(n.model), n.model = this.getVehicleModel(e), this.scene.add(n.model)), n.data.showName !== e.showName || n.data.plateColor !== e.plateColor) {
-          const m = n.model.getObjectByName("VehiclePlate");
-          m && (n.model.remove(m), this.disposeModel(m)), this.createPlateSprite(e, (g) => {
-            n.model.add(g), g.position.set(0, 5, -4);
-          });
-        }
-        n.data = e;
-        const d = this.historyPositionMap.get(
-          h
-        ), p = d[d.length - 1];
-        Math.abs(c - p.heading) >= 180 && (c > p.heading ? p.heading += 360 : c += 360), d.push({
-          pos: [l, a, 0],
-          heading: c,
-          time: r
-        });
-      } else {
-        this.historyPositionMap.set(h, [
-          { pos: [l, a, 0], heading: c, time: r }
-        ]);
-        const d = this.getVehicleModel(e);
-        d.name = h, d.visible = !1, this.createPlateSprite(e, (p) => {
-          d.add(p), p.position.set(0, 5, -4);
-        }), this.scene.add(d), this.vehicleObjectMap.set(h, {
-          model: d,
-          data: e
-        });
-      }
-    });
-  }
-  /**
-   * 删除车辆
-   * */
-  deleteVehicles(i) {
-    i.forEach((e) => {
-      const t = this.vehicleObjectMap.get(e);
-      t && (this.disposeModel(t.model), this.scene.remove(t.model), this.vehicleObjectMap.delete(e), this.historyPositionMap.delete(e));
-    });
-  }
-  /**
-   * 清除全部车辆
-   * */
-  clearVehicles() {
-    for (const i of this.vehicleObjectMap.keys()) {
-      const e = this.vehicleObjectMap.get(i);
-      e && (this.disposeModel(e.model), this.scene.remove(e.model));
-    }
-    this.vehicleObjectMap.clear(), this.historyPositionMap.clear();
-  }
-  /**
-   * 设置号牌显示状态
-   * @param contentType
-   * @returns
-   */
-  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 s = t.model.getObjectByName("VehiclePlate");
-          s && (t.model.remove(s), this.disposeModel(s)), i !== M.None && this.createPlateSprite(t.data, (r) => {
-            t.model.add(r), r.position.set(0, 5, -4);
-          });
-        }
-      }
-    }
-  }
-  toggleGroundVehicle(i) {
-  }
-  toggleElevatedVehicle(i) {
-  }
-  /**
-   * 释放模型资源
-   * */
-  disposeModel(i) {
-    i.traverse((e) => {
-      e instanceof o.Mesh && (e.geometry.dispose(), e.material.dispose());
-    });
-  }
-  /**
-   * 计算车辆位置
-   * */
-  computeVehiclePosition(i) {
-    const e = this.historyPositionMap.get(i), t = this.vehicleObjectMap.get(i);
-    if (!t || !e)
-      return [0, 0, 0, 0];
-    if (e.length === 0)
-      return [0, 0, 0, 0];
-    if (e.length <= 2)
-      return [...e[0].pos, e[0].heading];
-    const s = Date.now();
-    t.model.visible = !0, t.segmentStartTime || (t.segmentStartTime = s, t.segmentTotalTime = e[1].time - e[0].time);
-    const r = s - t.segmentStartTime, l = Math.min(
-      r / t.segmentTotalTime,
-      1
-    );
-    if (l === 1)
-      if (e.shift(), e.length === 1) {
-        t.segmentStartTime = void 0;
-        return;
-      } else
-        return t.segmentStartTime = s, t.segmentTotalTime = e[1].time - e[0].time, Math.abs(
-          e[1].heading - e[0].heading
-        ) >= 180 && (e[1].heading > e[0].heading ? e[0].heading += 360 : e[1].heading += 360), [...e[0].pos, e[0].heading];
-    else {
-      const a = e[0].pos[0] + (e[1].pos[0] - e[0].pos[0]) * l, c = e[0].pos[1] + (e[1].pos[1] - e[0].pos[1]) * l, h = e[0].heading + (e[1].heading - e[0].heading) * l;
-      return [a, c, 0, h];
-    }
-  }
-  /**
-   * 根据车辆类型、车身颜色获取模型
-   * */
-  getVehicleModel(i) {
-    let e;
-    if (i.ptcType === 2)
-      e = this.bicycleModel.clone();
-    else {
-      switch (i.vehicleType) {
-        case 10:
-          e = this.carModel.clone();
-          break;
-        case 20:
-          e = this.vanModel.clone();
-          break;
-        case 25:
-          e = this.truckModel.clone();
-          break;
-        case 50:
-          e = this.busModel.clone();
-          break;
-        default:
-          e = this.carModel.clone();
-          break;
-      }
-      const t = this.materialMap.get(i.vehicleColor) || this.defaultMaterial;
-      let s = !1;
-      e.traverse((r) => {
-        !s && r instanceof o.Mesh && (r.material = t, s = !0);
-      });
-    }
-    return e;
-  }
-  /**
-   * 创建号牌canvas
-   * */
-  createCanvas(i, e, t) {
-    const s = document.createElement("canvas"), r = i.width, l = i.height;
-    s.width = r, s.height = l;
-    const a = s.getContext("2d");
-    if (!a) {
-      console.log("canvas创建失败");
-      return;
-    }
-    return a.fillStyle = "rgba(0,0,0,0.0)", a.fillRect(0, 0, r, l), a.drawImage(i, 0, 0, r, l), a.beginPath(), a.translate(r / 2, l / 2), a.fillStyle = t, a.font = "bold 32px 宋体", a.textBaseline = "middle", a.textAlign = "center", a.fillText(e, 0, 0), s;
-  }
-  createPlateSprite(i, e) {
-    var c, h;
-    const t = !i.plateNo || i.plateNo === "0" || i.plateNo === "000000";
-    if (this.currentSpriteContent === M.None || this.currentSpriteContent === M.PlateNumber && t)
-      return;
-    const s = new Image();
-    let r = "", l = "", a = "";
-    if (this.currentSpriteContent === M.PlateNumber || this.currentSpriteContent === M.Mix)
-      if (t)
-        r = "grey", l = i.ptcId, a = "#ffffff";
-      else
-        switch (l = ((c = i.showName) == null ? void 0 : c.substring(0, 2)) + "•" + ((h = i.showName) == null ? void 0 : h.substring(2)), i.plateColor) {
-          case 1:
-            r = "blue", a = "#ffffff";
-            break;
-          case 2:
-            r = "yellow", a = "#000000";
-            break;
-          case 3:
-            r = "white", a = "#000000";
-            break;
-          case 4:
-            r = "black";
-            break;
-          case 5:
-            r = "neo_yellow", a = "#000000";
-            break;
-          case 6:
-            r = "neo_green", a = "#000000";
-            break;
-          default:
-            r = "grey", l = i.plateNo, a = "#ffffff";
-            break;
-        }
-    else
-      this.currentSpriteContent === M.Id && (r = "grey", l = i.ptcId, a = "#ffffff");
-    s.src = `${this.assetsRoot}/Images/PlateBG/${r}.png`, s.onload = () => {
-      const n = this.createCanvas(s, l, a);
-      if (!n)
-        return;
-      const d = new o.CanvasTexture(n), p = new o.SpriteMaterial({
-        map: d
-      }), f = new o.Sprite(p), m = 0.05, g = n.width * m, y = n.height * m;
-      f.scale.set(g, y, 1), f.name = "VehiclePlate", e(f);
-    };
-  }
-}
-export {
-  k as default
-};

package/lib/src/gis-map/utils/holo-flow/trace-external-renderer.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const w=require("@arcgis/core/geometry/SpatialReference"),R=require("@arcgis/core/views/3d/externalRenderers"),S=require("three"),P=require("three/examples/jsm/loaders/GLTFLoader.js"),p=require("../../../types/index.js"),T=require("../../stores/index.js");function b(u){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(u){for(const e in u)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(u,e);Object.defineProperty(i,e,t.get?t:{enumerable:!0,get:()=>u[e]})}}return i.default=u,Object.freeze(i)}const y=b(R),o=b(S);class C{constructor(i){this.defaultMaterial=new o.MeshBasicMaterial({color:6908265}),this.materialMap=new Map([[1,new o.MeshBasicMaterial({color:16777215})],[2,new o.MeshBasicMaterial({color:7833753})],[3,new o.MeshBasicMaterial({color:16766720})],[4,new o.MeshBasicMaterial({color:16758465})],[5,new o.MeshBasicMaterial({color:14423100})],[6,new o.MeshBasicMaterial({color:3329330})],[7,new o.MeshBasicMaterial({color:2003183})],[8,new o.MeshBasicMaterial({color:16032864})],[9,new o.MeshBasicMaterial({color:2105376})],[10,new o.MeshBasicMaterial({color:9662683})],[99,new o.MeshBasicMaterial({color:6908265})]]),this.carModelReady=!1,this.vanModelReady=!1,this.truckModelReady=!1,this.busModelReady=!1,this.bicycleModelReady=!1,this.currentSpriteContent=p.EVehiclePlateState.None,this.historyPositionMap=new Map,this.vehicleObjectMap=new Map;const e=T.default.useAppDataStore;this.assetsRoot=JSON.parse(JSON.stringify(e.mapConfig)).assetsRoot,this.view=i;const t=new P.GLTFLoader;t.load(`${this.assetsRoot}/3DModels/car.glb`,s=>{this.carModel=s.scene,this.carModel.rotation.x=o.MathUtils.degToRad(90),this.carModelReady=!0}),t.load(`${this.assetsRoot}/3DModels/van.glb`,s=>{this.vanModel=s.scene,this.vanModel.rotation.x=o.MathUtils.degToRad(90),this.vanModelReady=!0}),t.load(`${this.assetsRoot}/3DModels/truck.glb`,s=>{this.truckModel=s.scene,this.truckModel.scale.set(1.2,1,1.5),this.truckModel.rotation.x=o.MathUtils.degToRad(90),this.truckModelReady=!0}),t.load(`${this.assetsRoot}/3DModels/bus.glb`,s=>{this.busModel=s.scene,this.busModel.rotation.x=o.MathUtils.degToRad(90),this.busModelReady=!0}),t.load(`${this.assetsRoot}/3DModels/bicycle.glb`,s=>{this.bicycleModel=s.scene,this.bicycleModel.rotation.x=o.MathUtils.degToRad(90),this.bicycleModel.rotation.y=o.MathUtils.degToRad(180),this.bicycleModelReady=!0})}async setup(i){this.renderer=new o.WebGLRenderer({context:i.gl,premultipliedAlpha:!1,antialias:!0}),this.renderer.setPixelRatio(window.devicePixelRatio),this.renderer.setViewport(0,0,this.view.width,this.view.height),this.renderer.autoClearDepth=!1,this.renderer.autoClearStencil=!1,this.renderer.autoClearColor=!1;const e=this.renderer.setRenderTarget.bind(this.renderer);this.renderer.setRenderTarget=t=>{e(t),t==null&&i.bindRenderTarget()},this.scene=new o.Scene,this.camera=new o.PerspectiveCamera,this.ambient=new o.AmbientLight(16777215,.5),this.scene.add(this.ambient),this.sun=new o.DirectionalLight(16777215,.5),this.scene.add(this.sun),i.resetWebGLState()}async render(i){var s;const e=i.camera;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 o.Vector3(e.center[0],e.center[1],e.center[2])),this.camera.projectionMatrix.fromArray(e.projectionMatrix);for(const r of this.vehicleObjectMap.keys()){const l=(s=this.vehicleObjectMap.get(r))==null?void 0:s.model;if(!l)continue;const a=this.computeVehiclePosition(r);if(a){const c=[0,0,0];y.toRenderCoordinates(this.view,a,0,w.WGS84,c,0,1),l.position.set(c[0],c[1],c[2]),l.rotation.y=o.MathUtils.degToRad(-a[3])}}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 o.Color(t.diffuse.color[0],t.diffuse.color[1],t.diffuse.color[2]),this.ambient.intensity=t.ambient.intensity,this.ambient.color=new o.Color(t.ambient.color[0],t.ambient.color[1],t.ambient.color[2]),this.renderer.resetState(),i.bindRenderTarget(),this.renderer.render(this.scene,this.camera),y.requestRender(this.view),i.resetWebGLState()}addVehicles(i){!this.carModelReady||!this.vanModelReady||!this.truckModelReady||!this.busModelReady||!this.bicycleModelReady||i.forEach(e=>{const{crossId:t,ptcId:s,localTimestamp:r}=e,l=Number(e.x),a=Number(e.y),c=Number(e.heading),h=`${t}-${s}`;this.historyPositionMap.set(h,[{pos:[l,a,0],heading:c,time:r}]);const n=this.getVehicleModel(e);n.name=h,n.visible=!1,this.createPlateSprite(e,d=>{n.add(d),d.position.set(0,5,-4)}),this.scene.add(n),this.vehicleObjectMap.set(h,{model:n,data:e})})}updateVehicles(i){!this.carModelReady||!this.vanModelReady||!this.truckModelReady||!this.busModelReady||!this.bicycleModelReady||i.forEach(e=>{const{crossId:t,ptcId:s,localTimestamp:r}=e,l=Number(e.x),a=Number(e.y);let c=Number(e.heading);const h=`${t}-${s}`,n=this.vehicleObjectMap.get(h);if(n){if((n.data.vehicleColor!==e.vehicleColor||n.data.vehicleType!==e.vehicleType)&&(this.scene.remove(n.model),this.disposeModel(n.model),n.model=this.getVehicleModel(e),this.scene.add(n.model)),n.data.showName!==e.showName||n.data.plateColor!==e.plateColor){const f=n.model.getObjectByName("VehiclePlate");f&&(n.model.remove(f),this.disposeModel(f)),this.createPlateSprite(e,g=>{n.model.add(g),g.position.set(0,5,-4)})}n.data=e;const d=this.historyPositionMap.get(h),M=d[d.length-1];Math.abs(c-M.heading)>=180&&(c>M.heading?M.heading+=360:c+=360),d.push({pos:[l,a,0],heading:c,time:r})}else{this.historyPositionMap.set(h,[{pos:[l,a,0],heading:c,time:r}]);const d=this.getVehicleModel(e);d.name=h,d.visible=!1,this.createPlateSprite(e,M=>{d.add(M),M.position.set(0,5,-4)}),this.scene.add(d),this.vehicleObjectMap.set(h,{model:d,data:e})}})}deleteVehicles(i){i.forEach(e=>{const t=this.vehicleObjectMap.get(e);t&&(this.disposeModel(t.model),this.scene.remove(t.model),this.vehicleObjectMap.delete(e),this.historyPositionMap.delete(e))})}clearVehicles(){for(const i of this.vehicleObjectMap.keys()){const e=this.vehicleObjectMap.get(i);e&&(this.disposeModel(e.model),this.scene.remove(e.model))}this.vehicleObjectMap.clear(),this.historyPositionMap.clear()}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 s=t.model.getObjectByName("VehiclePlate");s&&(t.model.remove(s),this.disposeModel(s)),i!==p.EVehiclePlateState.None&&this.createPlateSprite(t.data,r=>{t.model.add(r),r.position.set(0,5,-4)})}}}}toggleGroundVehicle(i){}toggleElevatedVehicle(i){}disposeModel(i){i.traverse(e=>{e instanceof o.Mesh&&(e.geometry.dispose(),e.material.dispose())})}computeVehiclePosition(i){const e=this.historyPositionMap.get(i),t=this.vehicleObjectMap.get(i);if(!t||!e)return[0,0,0,0];if(e.length===0)return[0,0,0,0];if(e.length<=2)return[...e[0].pos,e[0].heading];const s=Date.now();t.model.visible=!0,t.segmentStartTime||(t.segmentStartTime=s,t.segmentTotalTime=e[1].time-e[0].time);const r=s-t.segmentStartTime,l=Math.min(r/t.segmentTotalTime,1);if(l===1)if(e.shift(),e.length===1){t.segmentStartTime=void 0;return}else return t.segmentStartTime=s,t.segmentTotalTime=e[1].time-e[0].time,Math.abs(e[1].heading-e[0].heading)>=180&&(e[1].heading>e[0].heading?e[0].heading+=360:e[1].heading+=360),[...e[0].pos,e[0].heading];else{const a=e[0].pos[0]+(e[1].pos[0]-e[0].pos[0])*l,c=e[0].pos[1]+(e[1].pos[1]-e[0].pos[1])*l,h=e[0].heading+(e[1].heading-e[0].heading)*l;return[a,c,0,h]}}getVehicleModel(i){let e;if(i.ptcType===2)e=this.bicycleModel.clone();else{switch(i.vehicleType){case 10:e=this.carModel.clone();break;case 20:e=this.vanModel.clone();break;case 25:e=this.truckModel.clone();break;case 50:e=this.busModel.clone();break;default:e=this.carModel.clone();break}const t=this.materialMap.get(i.vehicleColor)||this.defaultMaterial;let s=!1;e.traverse(r=>{!s&&r instanceof o.Mesh&&(r.material=t,s=!0)})}return e}createCanvas(i,e,t){const s=document.createElement("canvas"),r=i.width,l=i.height;s.width=r,s.height=l;const a=s.getContext("2d");if(!a){console.log("canvas创建失败");return}return a.fillStyle="rgba(0,0,0,0.0)",a.fillRect(0,0,r,l),a.drawImage(i,0,0,r,l),a.beginPath(),a.translate(r/2,l/2),a.fillStyle=t,a.font="bold 32px 宋体",a.textBaseline="middle",a.textAlign="center",a.fillText(e,0,0),s}createPlateSprite(i,e){var c,h;const t=!i.plateNo||i.plateNo==="0"||i.plateNo==="000000";if(this.currentSpriteContent===p.EVehiclePlateState.None||this.currentSpriteContent===p.EVehiclePlateState.PlateNumber&&t)return;const s=new Image;let r="",l="",a="";if(this.currentSpriteContent===p.EVehiclePlateState.PlateNumber||this.currentSpriteContent===p.EVehiclePlateState.Mix)if(t)r="grey",l=i.ptcId,a="#ffffff";else switch(l=((c=i.showName)==null?void 0:c.substring(0,2))+"•"+((h=i.showName)==null?void 0:h.substring(2)),i.plateColor){case 1:r="blue",a="#ffffff";break;case 2:r="yellow",a="#000000";break;case 3:r="white",a="#000000";break;case 4:r="black";break;case 5:r="neo_yellow",a="#000000";break;case 6:r="neo_green",a="#000000";break;default:r="grey",l=i.plateNo,a="#ffffff";break}else this.currentSpriteContent===p.EVehiclePlateState.Id&&(r="grey",l=i.ptcId,a="#ffffff");s.src=`${this.assetsRoot}/Images/PlateBG/${r}.png`,s.onload=()=>{const n=this.createCanvas(s,l,a);if(!n)return;const d=new o.CanvasTexture(n),M=new o.SpriteMaterial({map:d}),m=new o.Sprite(M),f=.05,g=n.width*f,v=n.height*f;m.scale.set(g,v,1),m.name="VehiclePlate",e(m)}}}exports.default=C;

package/lib/src/gis-map/utils/holo-flow/trace-layer-renderer.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("@arcgis/core/Graphic"),p=require("@arcgis/core/layers/GraphicsLayer"),m=require("../../stores/index.js");class y{constructor(i){this.showVehiclePlate=!1,this.showGroundVehicle=!0,this.showElevatedVehicle=!0,this.historyPositionMap=new Map,this.vehicleObjectMap=new Map,this.view=i;const e=m.default.useAppDataStore;this.mapConfig=JSON.parse(JSON.stringify(e.mapConfig)),this.vehicleLayer=new p({id:"vehicleLayer"}),this.view.map.add(this.vehicleLayer),requestAnimationFrame(()=>this.render())}addVehicles(i){const e=i.map(t=>{const{crossId:l,ptcId:n}=t,s=Number(t.x),o=Number(t.y),r=Number(t.heading),a=`${l}-${n}`;this.historyPositionMap.set(a,[{pos:[s,o,0],heading:r,time:Date.now()}]);const c=new h({geometry:{type:"point",x:s,y:o},attributes:{...t},symbol:this.createCIMSymbol(t)});return c.visible=!1,this.vehicleObjectMap.set(a,{graphic:c,data:t,waitForDelete:!1}),c});this.vehicleLayer.addMany(e)}updateVehicles(i){const e=[];i.forEach(t=>{const{crossId:l,ptcId:n}=t,s=Number(t.x),o=Number(t.y),r=`${l}-${n}`,a=this.vehicleObjectMap.get(r);a?(a.data=t,this.historyPositionMap.get(r).push({pos:[s,o,0],heading:t.heading,time:Date.now()})):e.push(t)}),this.addVehicles(e)}deleteVehicles(i){i.forEach(e=>{const t=this.vehicleObjectMap.get(e);t&&(t.waitForDelete=!0)})}clearVehicles(){this.vehicleLayer.removeAll(),this.vehicleObjectMap.clear(),this.historyPositionMap.clear()}updatePanelContent(i){console.log(i)}toggleGroundVehicle(i){this.showGroundVehicle=i}toggleElevatedVehicle(i){this.showElevatedVehicle=i}render(){this.vehicleObjectMap.forEach((i,e)=>{this.updatePosition(e)}),requestAnimationFrame(()=>this.render())}updatePosition(i){const e=this.historyPositionMap.get(i),t=this.vehicleObjectMap.get(i);if(!e||!t||e.length<=1)return;(t.graphic.getAttribute("roadLayer")||"1")==="1"?t.graphic.visible=this.showGroundVehicle:t.graphic.visible=this.showElevatedVehicle,t.segmentStartTime||(t.segmentStartTime=Date.now(),t.segmentTotalTime=e[1].time-e[0].time);const n=Date.now()-t.segmentStartTime,s=Math.min(1,n/t.segmentTotalTime);if(s===1)if(e.shift(),e.length===1){t.waitForDelete?(this.vehicleLayer.remove(t.graphic),this.vehicleObjectMap.delete(i),this.historyPositionMap.delete(i)):(t.segmentStartTime=void 0,t.segmentTotalTime=void 0);return}else t.segmentStartTime=Date.now(),t.segmentTotalTime=e[1].time-e[0].time,(e[1].heading>=270&&e[0].heading<=90||e[1].heading<=90&&e[0].heading>=270)&&(e[1].heading>e[0].heading?e[0].heading+=360:e[1].heading+=360),t.graphic.geometry={type:"point",x:e[0].pos[0],y:e[0].pos[1]};else{const o=e[0].pos[0]+(e[1].pos[0]-e[0].pos[0])*s,r=e[0].pos[1]+(e[1].pos[1]-e[0].pos[1])*s,a=e[0].heading+(e[1].heading-e[0].heading)*s;t.graphic.geometry={type:"point",x:o,y:r},t.data.heading=a,t.graphic.symbol=this.createCIMSymbol(t.data)}}createCIMSymbol(i){const e=this.getPlateFontColor(i.plateColor);return{type:"cim",data:{type:"CIMSymbolReference",primitiveOverrides:[{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:i.heading,rotateClockwise:!0,textureFilter:"Picture",url:`${this.mapConfig.assetsRoot}Images/car/${this.getCarPic(i.vehicleColor)}`}]}}}}getCarPic(i){if(this.view.zoom<=15)return"point.png";let e="grey";switch(typeof i=="string"&&(i=i.toLowerCase()),i){case"a":case 1:e="white";break;case"b":case 2:e="grey";break;case"c":case 3:e="yellow";break;case"d":case 4:e="pink";break;case"e":case 5:e="red";break;case"f":case 10:e="purple";break;case"g":case 6:e="green";break;case"h":case 7:e="blue";break;case"i":case 8:e="brown";break;case"j":case 9:e="black";break}return e+".png"}getPlateFontColor(i){let e=[255,255,255,255],t=[169,169,169,255];switch(i){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}}}exports.default=y;