@aibee/crc-bmap 0.8.0 → 0.8.2

package/lib/bmap.esm.js

@@ -8625,7 +8625,7 @@ var ContextScene = class extends Scene {
 import { OrthographicCamera as OrthographicCamera2 } from "three";
 var ContextCamera = class extends OrthographicCamera2 {
   constructor(width, height) {
-    super(-width / 2, width / 2, height / 2, -height / 2, -1e3, 5e3);
+    super(-width / 2, width / 2, height / 2, -height / 2, -1e4, 5e4);
     this.up.set(0, 0, 1);
     this.position.set(0, 0, 100);
     this.lookAt(0, 0, 0);
@@ -10776,6 +10776,159 @@ var TaskQueue = class extends EventDispatcher13 {
   }
 };
 
+// src/plugins/navigation/start-rotate-helper-poi.ts
+import { DataTexture as DataTexture2, LinearFilter as LinearFilter3, RGBAFormat as RGBAFormat3, Sprite as Sprite2, SpriteMaterial as SpriteMaterial2 } from "three";
+var StartRotateHelperPoi = class _StartRotateHelperPoi extends Poi2 {
+  constructor(bmap, config4) {
+    super(bmap.context, {
+      icon_size: config4.size,
+      collision_enable: false,
+      level: 2
+    });
+    this.bmap = bmap;
+    this.config = config4;
+    _StartRotateHelperPoi.canvas.width = config4.size[0];
+    _StartRotateHelperPoi.canvas.height = config4.size[1];
+  }
+  static canvas = document.createElement("canvas");
+  static ctx = this.canvas.getContext("2d", { willReadFrequently: true });
+  static textureMap = /* @__PURE__ */ new Map();
+  addDebug() {
+    _StartRotateHelperPoi.canvas.style.cssText = `
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 9999;
+    `;
+    document.body.appendChild(_StartRotateHelperPoi.canvas);
+  }
+  setAngle(angle) {
+    console.log("angle", angle);
+    if (_StartRotateHelperPoi.textureMap.has(angle)) {
+      this._initIcon(_StartRotateHelperPoi.textureMap.get(angle));
+    } else {
+      this.draw(angle);
+      const texture = this.getTexture(this.getImageData());
+      _StartRotateHelperPoi.textureMap.set(angle, texture);
+      this._initIcon(texture);
+      this._initScale({ zoom: this.bmap.context.camera.zoom });
+    }
+  }
+  _initIcon(texture) {
+    if (this.spriteIcon) {
+      this.spriteIcon.material.map = texture;
+      texture.needsUpdate = true;
+    } else {
+      const spriteIcon = new Sprite2(
+        new SpriteMaterial2({
+          map: texture,
+          transparent: true,
+          alphaTest: 0.2,
+          depthTest: this.options.depth_test,
+          rotation: this.options.icon_rotate / 180 * Math.PI
+        })
+      );
+      spriteIcon.renderOrder = 1e5 + this.options.level;
+      texture.needsUpdate = true;
+      this.add(spriteIcon);
+      spriteIcon.center.set(0.5, 0.5);
+      this.spriteIcon = spriteIcon;
+    }
+  }
+  initSize() {
+    if (this.spriteIcon) {
+      this.spriteIcon.center.set(0.5, 0.5);
+    }
+  }
+  draw(angle) {
+    const { ctx } = _StartRotateHelperPoi;
+    const { config: { size: size2 } } = this;
+    const halfWidth = size2[0] / 2;
+    const halfHeight = size2[1] / 2;
+    const cr = 4;
+    const crLineWidth = 1;
+    const solidPointWidth = cr + crLineWidth;
+    ctx.clearRect(0, 0, size2[0], size2[1]);
+    ctx.setLineDash([10, 10]);
+    ctx.strokeStyle = "#fff";
+    ctx.lineWidth = 2;
+    ctx.beginPath();
+    ctx.arc(halfWidth, halfHeight, halfHeight - solidPointWidth, -Math.PI / 2, Math.PI * 2 - Math.PI / 2, angle < Math.PI);
+    ctx.stroke();
+    ctx.strokeStyle = "#0A7AFF";
+    if (angle < Math.PI) {
+      const startAngle = -Math.PI / 2;
+      const endAngle = startAngle - angle;
+      ctx.beginPath();
+      ctx.arc(halfWidth, halfHeight, halfHeight - solidPointWidth, startAngle, endAngle, true);
+    } else {
+      const startAngle = -Math.PI / 2;
+      const endAngle = startAngle + Math.PI * 2 - angle;
+      ctx.beginPath();
+      ctx.arc(halfWidth, halfHeight, halfHeight - solidPointWidth, startAngle, endAngle, false);
+    }
+    ctx.stroke();
+    ctx.clearRect(halfWidth - solidPointWidth * 2, 0, solidPointWidth * 4, solidPointWidth * 4);
+    ctx.beginPath();
+    ctx.arc(halfWidth, solidPointWidth, cr, 0, Math.PI * 2);
+    ctx.fillStyle = "#0A7AFF";
+    ctx.fill();
+    ctx.setLineDash([10, 0]);
+    ctx.strokeStyle = "#fff";
+    ctx.lineWidth = crLineWidth;
+    ctx.stroke();
+    ctx.clearRect(0, halfHeight - 5, 10, 10);
+    ctx.clearRect(halfWidth - 5, size2[1] - 10, 10, 10);
+    ctx.clearRect(size2[0] - 10, halfHeight - 5, 10, 10);
+    if (angle > Math.PI / 2 && angle < Math.PI) {
+      ctx.fillStyle = "#0A7AFF";
+    } else {
+      ctx.fillStyle = "#fff";
+    }
+    ctx.fillRect(0, halfHeight - 1, 10, 2);
+    ctx.fillStyle = "#fff";
+    ctx.fillRect(halfWidth - 1, size2[1] - 10, 2, 10);
+    if (angle > Math.PI && angle < Math.PI / 2 * 3) {
+      ctx.fillStyle = "#0A7AFF";
+    } else {
+      ctx.fillStyle = "#fff";
+    }
+    ctx.fillRect(size2[0] - 10, halfHeight - 1, 10, 2);
+  }
+  getImageData() {
+    const { ctx } = _StartRotateHelperPoi;
+    const { config: { size: size2 } } = this;
+    return ctx.getImageData(0, 0, size2[0], size2[1]);
+  }
+  getTexture(imageData) {
+    const { config: { size: size2 } } = this;
+    const texture = new DataTexture2(
+      Uint8Array.from(imageData.data),
+      size2[0],
+      size2[1],
+      RGBAFormat3
+    );
+    texture.format = RGBAFormat3;
+    texture.magFilter = LinearFilter3;
+    texture.minFilter = LinearFilter3;
+    texture.colorSpace = "srgb";
+    texture.flipY = true;
+    return texture;
+  }
+  dispose() {
+    super.dispose();
+    this.spriteIcon?.material.dispose();
+  }
+  static dispose() {
+    this.textureMap.forEach((v) => {
+      v.dispose();
+    });
+    this.textureMap.clear();
+    this.ctx = null;
+    this.canvas = null;
+  }
+};
+
 // src/plugins/navigation/navigation.ts
 var defaultConfig4 = {
   path: {},
@@ -10804,6 +10957,8 @@ var Navigation = class extends Plugin {
   options;
   pathTween = null;
   startPoi = null;
+  startRotateHelperPoi = null;
+  needStartRotateHelperPoi = false;
   movedDistance = 0;
   pathStart = [0, 0];
   tweenUtil = new TweenUtil();
@@ -10851,6 +11006,37 @@ var Navigation = class extends Plugin {
       this.toPositionByTask(info.pos);
     }
   };
+  showStartRotateHelperPoi() {
+    this.needStartRotateHelperPoi = true;
+    if (!this.startPoi) {
+      return;
+    }
+    if (this.startRotateHelperPoi) {
+      return;
+    }
+    const size2 = this.startPoi.options.icon_size;
+    this.startRotateHelperPoi = new StartRotateHelperPoi(this.bmap, {
+      size: [size2[0] + 20, size2[1] + 20]
+    });
+    this.startRotateHelperPoi.setAngle(0);
+    this.startRotateHelperPoi.position.setZ(0.51);
+    this.bmap.context.currentFloor?.poiLayer2.pushPoi(this.startRotateHelperPoi);
+  }
+  hideStartRotateHelperPoi() {
+    this.needStartRotateHelperPoi = false;
+    if (this.startRotateHelperPoi) {
+      this.bmap.context.currentFloor?.poiLayer2.removePoi(this.startRotateHelperPoi);
+      this.startRotateHelperPoi = null;
+    }
+  }
+  setStartPoiPosition(x, y) {
+    if (this.startPoi) {
+      this.startPoi.position.setX(x).setY(y);
+      if (this.startRotateHelperPoi) {
+        this.startRotateHelperPoi.position.setX(x).setY(y);
+      }
+    }
+  }
   toPositionByTask(pos) {
     const tasks = this.taskQueue.getTasks();
     const tid = tasks.find((item) => item.meta.type === "toPosition")?.tid;
@@ -10901,6 +11087,10 @@ var Navigation = class extends Plugin {
     if (this.startPoi) {
       this.bmap.context.currentFloor?.poiLayer2.removePoi(this.startPoi);
       this.startPoi = null;
+      if (this.startRotateHelperPoi) {
+        this.bmap.context.currentFloor?.poiLayer2.removePoi(this.startRotateHelperPoi);
+        this.startRotateHelperPoi = null;
+      }
     }
     this.translatePath = null;
   }
@@ -10986,6 +11176,10 @@ var Navigation = class extends Plugin {
     if (this.startPoi) {
       this.bmap.context.currentFloor?.poiLayer2.removePoi(this.startPoi);
       this.startPoi = null;
+      if (this.startRotateHelperPoi) {
+        this.bmap.context.currentFloor?.poiLayer2.removePoi(this.startRotateHelperPoi);
+        this.startRotateHelperPoi = null;
+      }
     }
     if (this.options.needStartPoi) {
       this.startPoi = new Poi2(this.bmap.context, {
@@ -10995,6 +11189,10 @@ var Navigation = class extends Plugin {
         collision_enable: false
       }) || null;
       this.bmap.context.currentFloor?.poiLayer2.pushPoi(this.startPoi);
+      if (this.needStartRotateHelperPoi) {
+        this.showStartRotateHelperPoi();
+      }
+      console.log(this.startRotateHelperPoi);
     }
     this.dispatchEvent({
       type: "render-path",
@@ -11099,7 +11297,6 @@ var Navigation = class extends Plugin {
     const device = vector3ToDevice(this.startPoi.position, camera, width, height);
     const offsetX = device.x - halfWidth;
     const offsetY = halfHeight - device.y + this.options.offsetY;
-    console.log("start", target.clone());
     if (Math.abs(offsetX) <= 1 && Math.abs(offsetY) <= 1) {
       return;
     }
@@ -11117,7 +11314,6 @@ var Navigation = class extends Plugin {
       v3.multiplyScalar(offsetY / camera.zoom);
       target.add(new Vector326(v3.x, v3.y, 0));
     }
-    console.log("start1", target.clone());
     return timeoutPromise(
       new Promise((resolve) => {
         const start = control.target.clone();
@@ -11145,7 +11341,7 @@ var Navigation = class extends Plugin {
     const { clientSize: { width, height }, currentFloor } = this.bmap.context;
     const { max: max2, min: min2 } = currentFloor.box;
     const baseScale = Math.min(width / (max2.x - min2.x), height / (max2.y - min2.y));
-    const zoom = baseScale * (max2.x - min2.x) / 40;
+    const zoom = baseScale * (max2.x - min2.x) / 45;
     return this.bmap.context.setZoom(
       zoom,
       this.startPoi.position,
@@ -11208,7 +11404,7 @@ var Navigation = class extends Plugin {
     this.currentPathPosition = pos;
     const translatePos = this.translatePoints([pos])[0];
     if (this.startPoi) {
-      this.startPoi.position.setX(translatePos[0]).setY(translatePos[1]);
+      this.setStartPoiPosition(translatePos[0], translatePos[1]);
       if (!this.options.disablePathAnimation) {
         this.bmap.context.control.setTargetByOffset(this.options.offsetY, this.startPoi.position.clone());
       }
@@ -11224,6 +11420,9 @@ var Navigation = class extends Plugin {
       const azimuthalAngle = this.bmap.context.control.getAzimuthalAngle();
       const azimuthal = (azimuthalAngle * 180 / Math.PI + 360) % 360;
       this.startPoi.options.icon_rotate = (360 - rotate - azimuthal) % 360;
+      if (this.startRotateHelperPoi) {
+        this.startRotateHelperPoi.setAngle((360 - rotate - azimuthal) % 360);
+      }
     }
   }
   dispose() {
@@ -11234,6 +11433,8 @@ var Navigation = class extends Plugin {
     this.tweenUtil.dispose();
     this.unRegistryEvent();
     this.startPoi?.dispose();
+    this.startRotateHelperPoi?.dispose();
+    StartRotateHelperPoi.dispose();
     this.positionNavigation.dispose();
   }
 };
@@ -23181,7 +23382,7 @@ var ImuPosition = class {
   abnor_peak_time = 0;
   abnor_peak_accH = 0;
   // step length
-  const_step_length = 0.65;
+  const_step_length = 0.75;
   // mean step length, can be changed
   // rotation parsing
   last_rot = [];
@@ -24584,8 +24785,8 @@ var AibeeLoader = class {
     data.layers.forEach((layer) => {
       switch (layer.l_type) {
         case "range":
-          const data2 = layer.elements[0];
-          center2 = [data2.center_x, data2.center_y];
+          const rangeData = layer.elements[0];
+          center2 = [rangeData.center_x, rangeData.center_y];
           break;
         case "graph":
           transformGraphicData(layer.elements, center2);
@@ -24736,6 +24937,7 @@ var AibeeLoader = class {
               if (poi) {
                 poi.userData.type = "store";
                 poi.userData.data = options;
+                poi.userData.floor = data.floor;
               }
             } catch (e2) {
               console.log("\u521B\u5EFA\u5E97\u94FApoi\u5931\u8D25", e2, options);
@@ -24764,6 +24966,7 @@ var AibeeLoader = class {
               floor2.poiLayer2.pushPoi(poi);
               poi.userData.type = "facility";
               poi.userData.data = options;
+              poi.userData.floor = data.floor;
             } else {
               console.log("\u6DFB\u52A0facility\u5931\u8D25\u6CA1\u6709poi_info", options);
             }
@@ -24794,6 +24997,7 @@ var AibeeLoader = class {
               if (poi) {
                 poi.userData.type = "parkingSpace";
                 poi.userData.data = options;
+                poi.userData.floor = data.floor;
               }
               floor2.poiLayer2.pushPoi(poi);
             }
@@ -24841,7 +25045,9 @@ var AibeeLoader = class {
     });
     floor2.updateBox();
     floor2.userData.center = center2;
-    floor2.userData.height = floor2.box.getSize(new Vector330()).z + data.floorHeight * 10;
+    const size2 = floor2.box.getSize(new Vector330());
+    const max2 = Math.max(size2.x, size2.y, size2.z);
+    floor2.userData.height = max2 / 4 + data.floorHeight;
     floor2.name = data.floor;
     floor2.userData.data = data;
     return floor2;