@aibee/crc-bmap 0.0.31 → 0.0.33

package/lib/bmap.esm.js

@@ -160,6 +160,7 @@ function initControl(camera, domElement) {
   control.enableDamping = false;
   control.maxPolarAngle = 0;
   control.minPolarAngle = 0;
+  control.zoomSpeed = 2;
   return control;
 }
 function initShape(path, holePath = []) {
@@ -368,6 +369,11 @@ function setRectPosition(rect, x, y, w, h) {
   rect.setAttribute("height", `${h}`);
 }
 
+// src/utils/sleep.ts
+function sleepOnePromise() {
+  return Promise.resolve();
+}
+
 // src/context.ts
 import {
   EventDispatcher as EventDispatcher5,
@@ -655,6 +661,9 @@ var Overlay = class extends EventDispatcher {
       const vector = this.getPosition();
       const { width, height } = this.context.clientSize;
       const { x, y } = vector3ToDevice(vector, this.context.camera, width, height);
+      if (this.clientPos.x === x && this.clientPos.y === y) {
+        return;
+      }
       this.clientPos = { x, y };
       this.div.style.left = `${x}px`;
       this.div.style.top = `${y}px`;
@@ -697,6 +706,11 @@ var Overlay = class extends EventDispatcher {
       return this.position;
     }
   }
+  get withinDisplayRange() {
+    const { x, y } = this.clientPos;
+    const { width, height } = this.context.clientSize;
+    return x >= 0 && x <= width && y >= 0 && y <= height;
+  }
   registryEvent() {
     this.context.addEventListener("update", this.onUpdate);
   }
@@ -768,13 +782,23 @@ var Poi = class extends Object3D4 {
       }
     });
   }
+  get withinDisplayRange() {
+    return this.overlay.withinDisplayRange;
+  }
   resetSize() {
-    const { width, height } = this.overlay.div.getBoundingClientRect();
-    this.size = {
-      width,
-      height
-    };
-    this._changePosition();
+    return __async(this, null, function* () {
+      const visible = this.overlay.visible;
+      this.setVisible(true);
+      yield sleepOnePromise();
+      const { width, height } = this.overlay.div.getBoundingClientRect();
+      this.size = {
+        width,
+        height
+      };
+      yield sleepOnePromise();
+      this._changePosition();
+      this.setVisible(visible);
+    });
   }
   get clientPos() {
     return this.overlay.clientPos;
@@ -934,8 +958,9 @@ var PoiLayer = class extends Layer {
     super(context);
     __publicField(this, "pois", []);
     __publicField(this, "debounceCollisionDetection");
+    __publicField(this, "timer", new Timer());
     __publicField(this, "onUpdate", () => {
-      Promise.resolve().then(() => {
+      this.timer.requestAnimationFrame(() => {
         this.collisionDetection();
       });
     });
@@ -1022,10 +1047,7 @@ var PoiLayer = class extends Layer {
   collisionDetection() {
     const { clientSize: { width, height } } = this.context;
     const range = [];
-    const pois = this.pois.filter((item) => {
-      const { x, y } = item.clientPos;
-      return !(x < 0 || x > width || y < 0 || y > height);
-    });
+    const pois = this.pois.filter((item) => item.withinDisplayRange);
     pois.forEach((item, index) => {
       const { left, right, top, bottom } = item.getBox();
       if (index === 0) {
@@ -1051,6 +1073,7 @@ var PoiLayer = class extends Layer {
     this.context.removeEventListener("update", this.onUpdate);
   }
   dispose() {
+    this.timer.dispose();
     this.pois.forEach((item) => item.dispose());
     this.pois.length = 0;
     this.debounceCollisionDetection = () => {
@@ -2289,9 +2312,21 @@ var BMap = class extends EventDispatcher6 {
     __publicField(this, "svgLine");
     __publicField(this, "svgPolygon");
     __publicField(this, "basicZoom", 1);
+    __publicField(this, "prevCameraZoom", 1);
     __publicField(this, "floorDataMap", /* @__PURE__ */ new Map());
     __publicField(this, "buildingGroundMap", /* @__PURE__ */ new Map());
     __publicField(this, "currentBuildGround", null);
+    __publicField(this, "onControlChange", () => {
+      const { camera: { zoom } } = this.context;
+      if (zoom !== this.prevCameraZoom) {
+        this.dispatchEvent({
+          type: "zoom-change",
+          basicZoom: this.basicZoom,
+          cameraZoom: this.context.camera.zoom
+        });
+        this.prevCameraZoom = zoom;
+      }
+    });
     __publicField(this, "onKeydown", (e) => {
       if (this.polarKeys.includes(e.code)) {
         this.context.control.maxPolarAngle = this.config.control.maxPolar;
@@ -2417,6 +2452,7 @@ var BMap = class extends EventDispatcher6 {
     return __async(this, arguments, function* ({ brand, project, phase, building, floor, ts, resource_type_list }) {
       const floorKey = this.getFloorKey({ brand, project, phase, building, floor, ts, resource_type_list });
       const curFloorData = this.floorDataMap.get(floorKey);
+      this.context.control.removeEventListener("change", this.onControlChange);
       if (curFloorData) {
         const buildingKey = this.getBuildingKey({ brand, project, phase, building });
         this.currentBuildGround = this.buildingGroundMap.get(buildingKey) || null;
@@ -2429,6 +2465,8 @@ var BMap = class extends EventDispatcher6 {
           this.basicZoom = this.context.camera.zoom;
           this.context.control.minZoom = this.basicZoom;
           this.context.control.maxZoom = this.basicZoom * 25;
+          this.context.control.addEventListener("change", this.onControlChange);
+          this.onControlChange();
         } else {
           console.warn("[switchFloor error] [" + floor + "] \u697C\u5C42\u6CA1\u6709\u6570\u636E");
         }
@@ -2729,6 +2767,7 @@ export {
   setCirclePosition,
   setLineStartEnd,
   setRectPosition,
+  sleepOnePromise,
   timeoutPromise,
   vector3ToDevice
 };