@aibee/crc-bmap 0.0.66 → 0.0.68

package/lib/bmap.esm.js

@@ -44,7 +44,7 @@ var __async = (__this, __arguments, generator) => {
 };
 
 // src/bmap.ts
-import { EventDispatcher as EventDispatcher7, Vector3 as Vector312 } from "three";
+import { EventDispatcher as EventDispatcher7, Vector3 as Vector313 } from "three";
 
 // src/utils/timer.ts
 var Timer = class {
@@ -303,6 +303,7 @@ function getLongestSideDir(cds) {
     const point_1 = new Vector3(cds[i][0], cds[i][1], 0);
     const distance = point_1.distanceTo(point_0);
     if (distance > maxDistance) {
+      maxDistance = distance;
       dir = point_1.clone().sub(point_0).normalize();
     }
   }
@@ -420,18 +421,22 @@ var loader = null;
 var modelMap = /* @__PURE__ */ new Map();
 function loadModel(url) {
   if (modelMap.has(url)) {
-    return modelMap.get(url);
+    const gltf = modelMap.get(url).then((gltf2) => {
+      gltf2.scene = gltf2.scene.clone();
+      return gltf2;
+    });
   }
   if (!loader) {
     loader = createLoader();
   }
   const p = new Promise((resolve, reject) => {
-    loader.load(url, (gltf) => {
-      resolve(gltf);
-    }, void 0, reject);
+    loader.load(url, resolve, void 0, reject);
   });
   modelMap.set(url, p);
-  return p;
+  return p.then((gltf) => {
+    gltf.scene = gltf.scene.clone();
+    return gltf;
+  });
 }
 function disposeLoader() {
   loader = null;
@@ -442,10 +447,10 @@ function disposeLoader() {
 import {
   EventDispatcher as EventDispatcher6,
   Box2,
-  Vector3 as Vector311,
+  Vector3 as Vector312,
   Vector2 as Vector23,
   Raycaster as Raycaster3,
-  Box3 as Box37,
+  Box3 as Box38,
   Color as Color4,
   AmbientLight as AmbientLight2
 } from "three";
@@ -1388,6 +1393,7 @@ var Model = class extends Object3D7 {
     this.options = options;
     __publicField(this, "overlay", null);
     __publicField(this, "model", null);
+    this.position.copy(options.position || new Vector37(0, 0, 0));
     this.loadModel();
   }
   loadModel() {
@@ -1401,17 +1407,25 @@ var Model = class extends Object3D7 {
     });
   }
   initOverlay() {
+    var _a, _b;
     if (!this.options.icon) {
       return;
     }
     if (this.model) {
-      const box = new Box34().setFromObject(this.model.scene);
-      const center2 = box.getCenter(new Vector37());
-      const overlay = new Overlay(this.context, { autoUpdate: true });
-      overlay.position = center2;
+      const w = ((_a = this.options.icon_size) == null ? void 0 : _a[0]) || 14;
+      const h = ((_b = this.options.icon_size) == null ? void 0 : _b[1]) || 14;
+      const box = new Box34().setFromObject(this);
+      const overlay = new Overlay(this.context, { autoUpdate: false });
+      overlay.addEventListener("update-position", ({ x, y, height }) => {
+        overlay.div.style.transform = `translate3d(${x - w / 2}px, ${-height + y - h}px, 0)`;
+      });
       const img = document.createElement("img");
       img.src = this.options.icon;
+      img.style.width = `${w}px`;
+      img.style.height = `${h}px`;
       overlay.div.appendChild(img);
+      const center2 = box.getCenter(new Vector37());
+      overlay.position = center2;
       this.overlay = overlay;
     }
   }
@@ -2284,6 +2298,93 @@ var MaterialFactory = class {
   }
 };
 
+// src/utils/camera-bound.ts
+import { Box3 as Box37, Vector3 as Vector311 } from "three";
+var CameraBound = class {
+  constructor(context) {
+    this.context = context;
+    __publicField(this, "prevCamera", {
+      position: new Vector311(),
+      zoom: 1,
+      target: new Vector311()
+    });
+    __publicField(this, "enable", true);
+    __publicField(this, "onCameraChange", () => {
+      const bound = this.getCurFloorScreenPosition();
+      if (bound) {
+        const { left, right, top, bottom } = bound;
+        const isInBound = this.checkDistanceToScreenEdge({ left, right, top, bottom });
+        if (isInBound) {
+          this.changePrevCamera();
+        } else {
+          this.backToPrevCamera();
+        }
+      }
+    });
+    this.registryEvent();
+    this.changePrevCamera();
+  }
+  setEnable(enable) {
+    this.enable = enable;
+    if (enable) {
+      this.registryEvent();
+    } else {
+      this.unRegistryEvent();
+    }
+  }
+  changePrevCamera() {
+    this.prevCamera = {
+      position: this.context.camera.position.clone(),
+      zoom: this.context.camera.zoom,
+      target: this.context.control.target.clone()
+    };
+  }
+  backToPrevCamera() {
+    this.setEnable(false);
+    this.context.camera.position.copy(this.prevCamera.position);
+    this.context.camera.zoom = this.prevCamera.zoom;
+    this.context.control.target.copy(this.prevCamera.target);
+    this.context.control.update();
+    this.setEnable(true);
+  }
+  registryEvent() {
+    this.context.addEventListener("control-change", this.onCameraChange);
+  }
+  unRegistryEvent() {
+    this.context.removeEventListener("control-change", this.onCameraChange);
+  }
+  getCurFloorScreenPosition() {
+    if (!this.context.currentFloor) {
+      return null;
+    }
+    const box = new Box37().setFromObject(this.context.currentFloor.groundUpper);
+    const { camera, container: { clientWidth: w, clientHeight: h } } = this.context;
+    const { min, max } = box;
+    const lb = vector3ToDevice(min, camera, w, h);
+    const rt = vector3ToDevice(max, camera, w, h);
+    const lt = vector3ToDevice(new Vector311(min.x, max.y, max.z), camera, w, h);
+    const rb = vector3ToDevice(new Vector311(max.x, min.y, min.z), camera, w, h);
+    const left = Math.min(lb.x, rt.x, lt.x, rb.x);
+    const right = Math.max(lb.x, rt.x, lt.x, rb.x);
+    const top = Math.min(lb.y, rt.y, lt.y, rb.y);
+    const bottom = Math.max(lb.y, rt.y, lt.y, rb.y);
+    return { left, right, top, bottom };
+  }
+  /**
+   * 检测地图是不是在显示范围
+   * @param param0 
+   * @returns 
+   */
+  checkDistanceToScreenEdge({ left, right, top, bottom }) {
+    const { width, height } = this.context.clientSize;
+    const [pt, pr, pb, pl] = this.context.config.cameraBound.padding;
+    return left <= pl && width - right <= pr && top <= pt && height - bottom <= pb;
+  }
+  dispose() {
+    this.unRegistryEvent();
+  }
+};
+
 // src/context.ts
 var Context = class extends EventDispatcher6 {
   constructor(container, config) {
@@ -2304,7 +2405,7 @@ var Context = class extends EventDispatcher6 {
     __publicField(this, "basicRatio");
     // zoom=1的时候，100M对应的像素个数
     __publicField(this, "materialFactory");
-    __publicField(this, "observe", null);
+    __publicField(this, "cameraBound");
     __publicField(this, "clientSize", {
       width: 0,
       height: 0
@@ -2387,11 +2488,12 @@ var Context = class extends EventDispatcher6 {
       this.dispatchEvent({ type: "change-ratio", px: (this.basicRatio || 0) * this.camera.zoom });
       this.dispatchEvent({ type: "control-change" });
     });
+    this.cameraBound = new CameraBound(this);
   }
   /**
    * 获取两个点之间的像素数
    */
-  getRatio(point1 = new Vector311(0, 0, 0), point22 = new Vector311(100, 0, 0)) {
+  getRatio(point1 = new Vector312(0, 0, 0), point22 = new Vector312(100, 0, 0)) {
     const { clientWidth, clientHeight } = this.container;
     const device1 = vector3ToDevice(point1, this.camera, clientWidth, clientHeight);
     const device2 = vector3ToDevice(point22, this.camera, clientWidth, clientHeight);
@@ -2531,7 +2633,7 @@ var Context = class extends EventDispatcher6 {
     );
   }
   getCameraLookAt() {
-    return new Vector311().subVectors(this.control.target, this.camera.position);
+    return new Vector312().subVectors(this.control.target, this.camera.position);
   }
   /**
    * 按照一个中心点设置相机的放大缩小
@@ -2590,7 +2692,7 @@ var Context = class extends EventDispatcher6 {
     if (force2DView) {
       this.setPolarAngle(0, 0);
     }
-    const boundingBox = new Box37().setFromObject(object);
+    const boundingBox = new Box38().setFromObject(object);
     this.setPolarAngle(polar, 0);
     const { max, min } = boundingBox;
     const max2d = vector3ToDevice(max, this.camera, width, height);
@@ -2603,7 +2705,7 @@ var Context = class extends EventDispatcher6 {
     const xScale = (width - right - left) / size.x;
     const yScale = (height - top - bottom) / size.y;
     const scale = Math.min(xScale, yScale);
-    const center2 = new Vector311((max.x + min.x) / 2, (max.y + min.y) / 2, max.z);
+    const center2 = new Vector312((max.x + min.x) / 2, (max.y + min.y) / 2, max.z);
     return this.setZoom(scale * this.camera.zoom, center2, duration);
   }
   fitCameraToGround(padding = [20, 20, 20, 20], duration = 500, force2DView = true) {
@@ -2649,6 +2751,7 @@ var Context = class extends EventDispatcher6 {
     this.tweenGroup.update();
   }
   dispose() {
+    this.cameraBound.dispose();
     this.selection.dispose();
     this.hoverHelper.dispose();
     this.tweenGroup.getAll().forEach((item) => item.stop());
@@ -2723,6 +2826,9 @@ var defaultConfig = {
   },
   graphic: {
     fillOpacity: 1
+  },
+  cameraBound: {
+    padding: [150, 150, 150, 150]
   }
 };
 function getConfig(config) {
@@ -2787,6 +2893,7 @@ var BMap = class extends EventDispatcher7 {
       }
     });
     __publicField(this, "resize", () => {
+      this.context.cameraBound.setEnable(false);
       this.context.onWindowResize();
       const azimuthal = this.context.control.getAzimuthalAngle();
       const zoom = this.context.camera.zoom;
@@ -2801,6 +2908,7 @@ var BMap = class extends EventDispatcher7 {
       this.context.camera.zoom = zoom;
       this.context.control.addEventListener("change", this.onControlChange);
       this.context.setAzimuthalAngle(azimuthal, 0);
+      this.context.cameraBound.setEnable(true);
     });
     this.config = getConfig(config);
     this.context = new Context(container, this.config);
@@ -2940,6 +3048,7 @@ var BMap = class extends EventDispatcher7 {
       this.currentBuildGround = this.buildingGroundMap.get(buildingKey) || null;
       const createdFloor = this.createFloor(curFloorData);
       if (createdFloor) {
+        this.context.cameraBound.setEnable(false);
         this.context.switchFloor(createdFloor.curFloor);
         this.context.control.minZoom = 0;
         this.context.control.maxZoom = Infinity;
@@ -2954,6 +3063,7 @@ var BMap = class extends EventDispatcher7 {
           this.context.fitCameraToGround([80, 20, 80, 20], 0, false);
         }
         this.onControlChange();
+        this.context.cameraBound.setEnable(true);
       } else {
         console.warn("[switchFloor error] [" + floor + "] \u697C\u5C42\u6CA1\u6709\u6570\u636E");
       }
@@ -2962,24 +3072,19 @@ var BMap = class extends EventDispatcher7 {
     }
   }
   // 扶梯
-  addStaircaseModel(graphic, icon, modelUrl) {
+  addModel(graphic, options) {
     var _a;
     if (graphic.options.geometry.type === "polygon") {
-      const dir = getLongestSideDir(graphic.options.geometry.cds[0]);
-      const model = (_a = this.context.currentFloor) == null ? void 0 : _a.addModel({ icon, modelUrl });
+      const model = (_a = this.context.currentFloor) == null ? void 0 : _a.addModel(__spreadProps(__spreadValues({}, options), {
+        position: graphic.getPosition().setZ(0.1)
+      }));
       if (model) {
-        model.position.copy(graphic.getPosition().setZ(0.1));
-        const angleY = dir.angleTo(new Vector312(0, 1, 0));
+        const dir = getLongestSideDir(graphic.options.geometry.cds[0]);
+        const angleY = dir.angleTo(new Vector313(0, 1, 0));
         model.rotateZ(angleY);
       }
     }
   }
-  // 电梯
-  addLiftModel(graphic) {
-  }
-  // 楼梯
-  addStairwayModel(graphic) {
-  }
   addHeatmap(data) {
     var _a;
     return (_a = this.context.currentFloor) == null ? void 0 : _a.addHeatmap(data);