@aibee/crc-bmap 0.0.65 → 0.0.67

package/lib/bmap.esm.js

@@ -44,7 +44,7 @@ var __async = (__this, __arguments, generator) => {
 };
 
 // src/bmap.ts
-import { EventDispatcher as EventDispatcher7 } from "three";
+import { EventDispatcher as EventDispatcher7, Vector3 as Vector313 } from "three";
 
 // src/utils/timer.ts
 var Timer = class {
@@ -277,6 +277,7 @@ function clearCanvas() {
 }
 
 // src/utils/coordinate.ts
+import { Vector3 } from "three";
 import { point, featureCollection, center } from "@turf/turf";
 function vector3ToDevice(vector, camera, w, h) {
   const _vector = vector.clone().project(camera);
@@ -294,6 +295,20 @@ function getCenter(coordinates) {
 function isContain(point3, start, end) {
   return point3.x >= start.x && point3.x <= end.x && point3.y >= start.y && point3.y <= end.y;
 }
+function getLongestSideDir(cds) {
+  let maxDistance = 0;
+  let dir = new Vector3();
+  for (let i = 1; i < cds.length; i++) {
+    const point_0 = new Vector3(cds[i - 1][0], cds[i - 1][1], 0);
+    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();
+    }
+  }
+  return dir;
+}
 
 // src/utils/proxy.ts
 function proxyOptions(target, master) {
@@ -396,14 +411,46 @@ function addAlphaToHexColor(hexColor, alpha) {
   return newHexColor;
 }
 
+// src/utils/model.ts
+import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader";
+function createLoader() {
+  const loader2 = new GLTFLoader();
+  return loader2;
+}
+var loader = null;
+var modelMap = /* @__PURE__ */ new Map();
+function loadModel(url) {
+  if (modelMap.has(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, resolve, void 0, reject);
+  });
+  modelMap.set(url, p);
+  return p.then((gltf) => {
+    gltf.scene = gltf.scene.clone();
+    return gltf;
+  });
+}
+function disposeLoader() {
+  loader = null;
+  modelMap.clear();
+}
+
 // src/context.ts
 import {
   EventDispatcher as EventDispatcher6,
   Box2,
-  Vector3 as Vector39,
+  Vector3 as Vector312,
   Vector2 as Vector23,
   Raycaster as Raycaster3,
-  Box3 as Box36,
+  Box3 as Box38,
   Color as Color4,
   AmbientLight as AmbientLight2
 } from "three";
@@ -418,7 +465,7 @@ import {
   ExtrudeGeometry,
   Mesh,
   Box3,
-  Vector3,
+  Vector3 as Vector32,
   BufferGeometry,
   LineSegments
 } from "three";
@@ -529,7 +576,7 @@ var Graphic = class extends Object3D {
     if (this.options.geometry.type === "point") {
       return this.position.clone();
     }
-    const center2 = new Vector3();
+    const center2 = new Vector32();
     const box = new Box3();
     box.setFromObject(this);
     box.getCenter(center2);
@@ -537,10 +584,10 @@ var Graphic = class extends Object3D {
   }
   getSize() {
     if (this.options.geometry.type === "point") {
-      return new Vector3(0, 0, 0);
+      return new Vector32(0, 0, 0);
     }
     const box = new Box3();
-    const size = new Vector3();
+    const size = new Vector32();
     box.setFromObject(this);
     box.getSize(size);
     return size;
@@ -606,8 +653,8 @@ var Graphic = class extends Object3D {
       for (let i = 0; i < curCds.length; i++) {
         const cur = curCds[i];
         const next = i + 1 === curCds.length ? curCds[0] : curCds[i + 1];
-        points.push(new Vector3(cur[0], cur[1], height));
-        points.push(new Vector3(next[0], next[1], height));
+        points.push(new Vector32(cur[0], cur[1], height));
+        points.push(new Vector32(next[0], next[1], height));
       }
     }
     return points;
@@ -724,10 +771,10 @@ var Shadow = class extends Object3D2 {
 };
 
 // src/elements/poi.ts
-import { EventDispatcher as EventDispatcher2, Vector3 as Vector34 } from "three";
+import { EventDispatcher as EventDispatcher2, Vector3 as Vector35 } from "three";
 
 // src/elements/overlay.ts
-import { Box3 as Box32, EventDispatcher, Vector3 as Vector33 } from "three";
+import { Box3 as Box32, EventDispatcher, Vector3 as Vector34 } from "three";
 var defaultOptions2 = {
   autoUpdate: true
 };
@@ -737,7 +784,7 @@ var Overlay = class extends EventDispatcher {
     this.context = context;
     __publicField(this, "div");
     __publicField(this, "element");
-    __publicField(this, "position", new Vector33());
+    __publicField(this, "position", new Vector34());
     __publicField(this, "clientPos", { x: 0, y: 0 });
     __publicField(this, "visible", true);
     __publicField(this, "options");
@@ -788,7 +835,7 @@ var Overlay = class extends EventDispatcher {
         return this.element.getPosition();
       }
       const box = new Box32().setFromObject(this.element);
-      const center2 = box.getCenter(new Vector33());
+      const center2 = box.getCenter(new Vector34());
       return center2;
     } else {
       return this.position;
@@ -837,7 +884,7 @@ var Poi = class extends EventDispatcher2 {
     __publicField(this, "options");
     __publicField(this, "visible", true);
     __publicField(this, "size", { width: 0, height: 0 });
-    __publicField(this, "position", new Vector34());
+    __publicField(this, "position", new Vector35());
     __publicField(this, "_changePosition", () => {
     });
     this.options = proxyOptions(__spreadValues(__spreadValues({}, defaultOptions3), options), this);
@@ -1031,10 +1078,10 @@ var Poi = class extends EventDispatcher2 {
 };
 
 // src/elements/floor.ts
-import { Box3 as Box34, Object3D as Object3D7, Vector3 as Vector36 } from "three";
+import { Box3 as Box35, Object3D as Object3D8, Vector3 as Vector38 } from "three";
 
 // src/layer/graphic-layer.ts
-import { Box3 as Box33, Vector3 as Vector35 } from "three";
+import { Box3 as Box33, Vector3 as Vector36 } from "three";
 
 // src/layer/layer.ts
 import { Object3D as Object3D5 } from "three";
@@ -1057,7 +1104,7 @@ var GraphicLayer = class extends Layer {
   }
   getCenter() {
     const box = new Box33().setFromObject(this);
-    return box.getCenter(new Vector35());
+    return box.getCenter(new Vector36());
   }
   createGraphic(options) {
     const graphic = new Graphic(this.context, options);
@@ -1337,8 +1384,63 @@ var HeatmapElement = class extends Object3D6 {
   }
 };
 
+// src/elements/model.ts
+import { Box3 as Box34, Object3D as Object3D7, Vector3 as Vector37 } from "three";
+var Model = class extends Object3D7 {
+  constructor(context, options) {
+    super();
+    this.context = context;
+    this.options = options;
+    __publicField(this, "overlay", null);
+    __publicField(this, "model", null);
+    this.position.copy(options.position || new Vector37(0, 0, 0));
+    this.loadModel();
+  }
+  loadModel() {
+    return __async(this, null, function* () {
+      const object = yield loadModel(this.options.modelUrl);
+      console.log(object);
+      object.scene.rotation.set(Math.PI / 2, Math.PI / 2, 0);
+      this.add(object.scene);
+      this.model = object;
+      this.initOverlay();
+    });
+  }
+  initOverlay() {
+    var _a, _b;
+    if (!this.options.icon) {
+      return;
+    }
+    if (this.model) {
+      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;
+    }
+  }
+  dispose() {
+    dispose(this);
+    this.model = null;
+    if (this.overlay) {
+      this.overlay.dispose();
+      this.overlay = null;
+    }
+  }
+};
+
 // src/elements/floor.ts
-var Floor = class extends Object3D7 {
+var Floor = class extends Object3D8 {
   constructor(context) {
     super();
     this.context = context;
@@ -1347,13 +1449,15 @@ var Floor = class extends Object3D7 {
     __publicField(this, "grounds", /* @__PURE__ */ new Set());
     __publicField(this, "shadow", new Shadow());
     __publicField(this, "heatmap");
-    __publicField(this, "groundUpper", new Object3D7());
+    __publicField(this, "groundUpper", new Object3D8());
+    __publicField(this, "models", new Object3D8());
     __publicField(this, "groundMaxHeight", 0);
     this.graphicLayer = new GraphicLayer(this.context);
     this.poiLayer = new PoiLayer(this.context);
     this.groundUpper.add(this.graphicLayer);
     this.groundUpper.add(this.poiLayer);
     this.add(this.groundUpper);
+    this.add(this.models);
   }
   createGround(options) {
     const ground = new Graphic(this.context, options);
@@ -1373,17 +1477,23 @@ var Floor = class extends Object3D7 {
     const grounds = Array.from(this.grounds);
     this.groundMaxHeight = this.grounds.size > 0 ? Math.max(...grounds.map((ground) => ground.options.height + ground.options.airHeight + ground.options.deltaHeight)) : 0;
     this.graphicLayer.position.z = this.groundMaxHeight;
+    this.models.position.z = this.groundMaxHeight;
   }
   get hasElement() {
     return !!(this.grounds.size || this.graphicLayer.children.length);
   }
   getCenter() {
-    return new Box34().setFromObject(this.groundUpper).getCenter(new Vector36());
+    return new Box35().setFromObject(this.groundUpper).getCenter(new Vector38());
+  }
+  addModel(options) {
+    const model = new Model(this.context, options);
+    this.models.add(model);
+    return model;
   }
   addShadow() {
-    const box = new Box34().setFromObject(this.groundUpper);
-    const center2 = box.getCenter(new Vector36());
-    const size = box.getSize(new Vector36());
+    const box = new Box35().setFromObject(this.groundUpper);
+    const center2 = box.getCenter(new Vector38());
+    const size = box.getSize(new Vector38());
     this.shadow.setPosition(center2);
     this.shadow.changeLightCamera(size);
     this.add(this.shadow);
@@ -1400,7 +1510,7 @@ var Floor = class extends Object3D7 {
       this.add(this.heatmap);
     }
     this.heatmap.loadData(data);
-    const box = new Box34().setFromObject(this.graphicLayer);
+    const box = new Box35().setFromObject(this.graphicLayer);
     this.heatmap.position.setZ(box.max.z);
     return this.heatmap;
   }
@@ -1425,12 +1535,14 @@ var Floor = class extends Object3D7 {
     this.grounds.forEach((ground) => ground.dispose());
     (_a = this.heatmap) == null ? void 0 : _a.dispose();
     this.groundUpper.clear();
+    this.models.children.forEach((model) => model.dispose());
+    this.models.clear();
     this.clear();
   }
 };
 
 // src/elements/base-svg.ts
-import { EventDispatcher as EventDispatcher3, Vector3 as Vector37 } from "three";
+import { EventDispatcher as EventDispatcher3, Vector3 as Vector39 } from "three";
 var BaseSvg = class extends EventDispatcher3 {
   constructor(context) {
     super();
@@ -1468,7 +1580,7 @@ var BaseSvg = class extends EventDispatcher3 {
     const { clientWidth, clientHeight } = renderer.domElement;
     const nx = x / clientWidth * 2 - 1;
     const ny = 1 - y / clientHeight * 2;
-    const v = new Vector37(nx, ny, 0);
+    const v = new Vector39(nx, ny, 0);
     return v.unproject(camera);
   }
   getSvgCoordinate(vector) {
@@ -1722,7 +1834,7 @@ var SvgPolygon = class extends BaseSvg {
 };
 
 // src/elements/select-box.ts
-import { Box3 as Box35 } from "three";
+import { Box3 as Box36 } from "three";
 var SelectBox = class extends BaseSvg {
   constructor(context) {
     super(context);
@@ -1741,7 +1853,7 @@ var SelectBox = class extends BaseSvg {
           setRectPosition(this.centerRect[i], 0, 0, 0, 0);
         }
       } else {
-        const box = new Box35().setFromObject(this.graphic);
+        const box = new Box36().setFromObject(this.graphic);
         const { camera, container: { clientWidth: w, clientHeight: h } } = this.context;
         const { min, max } = box;
         const leftBottom = vector3ToDevice(min, camera, w, h);
@@ -2186,6 +2298,92 @@ 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 { leftBottom, rightTop } = bound;
+        const isInBound = this.checkDistanceToScreenEdge(leftBottom, rightTop);
+        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 leftBottom = vector3ToDevice(min, camera, w, h);
+    const rightTop = vector3ToDevice(max, camera, w, h);
+    return { leftBottom, rightTop };
+  }
+  /**
+   * 检测地图是不是在显示范围
+   * @param leftBottom 
+   * @param rightTop 
+   * @returns { boolean } 
+   */
+  checkDistanceToScreenEdge(leftBottom, rightTop) {
+    const { width, height } = this.context.clientSize;
+    const [pt, pr, pb, pl] = this.context.config.cameraBound.padding;
+    const left = leftBottom.x;
+    const right = width - rightTop.x;
+    const top = rightTop.y;
+    const bottom = height - leftBottom.y;
+    return left < pl && right < pr && top < pt && bottom < pb;
+  }
+  dispose() {
+    this.unRegistryEvent();
+  }
+};
+
 // src/context.ts
 var Context = class extends EventDispatcher6 {
   constructor(container, config) {
@@ -2206,7 +2404,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
@@ -2289,11 +2487,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 Vector39(0, 0, 0), point22 = new Vector39(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);
@@ -2433,7 +2632,7 @@ var Context = class extends EventDispatcher6 {
     );
   }
   getCameraLookAt() {
-    return new Vector39().subVectors(this.control.target, this.camera.position);
+    return new Vector312().subVectors(this.control.target, this.camera.position);
   }
   /**
    * 按照一个中心点设置相机的放大缩小
@@ -2492,7 +2691,7 @@ var Context = class extends EventDispatcher6 {
     if (force2DView) {
       this.setPolarAngle(0, 0);
     }
-    const boundingBox = new Box36().setFromObject(object);
+    const boundingBox = new Box38().setFromObject(object);
     this.setPolarAngle(polar, 0);
     const { max, min } = boundingBox;
     const max2d = vector3ToDevice(max, this.camera, width, height);
@@ -2505,7 +2704,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 Vector39((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) {
@@ -2551,6 +2750,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());
@@ -2625,6 +2825,9 @@ var defaultConfig = {
   },
   graphic: {
     fillOpacity: 1
+  },
+  cameraBound: {
+    padding: [150, 150, 150, 150]
   }
 };
 function getConfig(config) {
@@ -2689,6 +2892,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;
@@ -2703,6 +2907,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);
@@ -2842,6 +3047,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;
@@ -2856,6 +3062,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");
       }
@@ -2863,6 +3070,20 @@ var BMap = class extends EventDispatcher7 {
       console.warn("[switchFloor error] \u6CA1\u6709\u8FD9\u4E2A\u697C\u5C42\uFF0C\u8BF7\u5148\u8C03\u7528load\u65B9\u6CD5\u52A0\u8F7D\u697C\u5C42");
     }
   }
+  // 扶梯
+  addModel(graphic, options) {
+    var _a;
+    if (graphic.options.geometry.type === "polygon") {
+      const model = (_a = this.context.currentFloor) == null ? void 0 : _a.addModel(__spreadProps(__spreadValues({}, options), {
+        position: graphic.getPosition().setZ(0.1)
+      }));
+      if (model) {
+        const dir = getLongestSideDir(graphic.options.geometry.cds[0]);
+        const angleY = dir.angleTo(new Vector313(0, 1, 0));
+        model.rotateZ(angleY);
+      }
+    }
+  }
   addHeatmap(data) {
     var _a;
     return (_a = this.context.currentFloor) == null ? void 0 : _a.addHeatmap(data);
@@ -2905,6 +3126,18 @@ var BMap = class extends EventDispatcher7 {
     const position = ele.getPosition();
     return this.context.setCameraPosition(position, duration);
   }
+  /**
+   * 移动相机位置让选中的元素居中显示
+   * @param ele { Graphic | Poi }
+   * @param duration
+   */
+  translateElementToCenterX(ele, duration = 500) {
+    const { y, z } = this.context.camera.position;
+    const position = ele.getPosition();
+    position.setY(y);
+    position.setZ(z);
+    return this.context.setCameraPosition(position, duration);
+  }
   /**
    * 获取物体的屏幕坐标
    */
@@ -3119,6 +3352,7 @@ var BMap = class extends EventDispatcher7 {
     this.buildingGroundMap.clear();
     clearTextTexture();
     clearCanvas();
+    disposeLoader();
     this.unRegistryEvent();
   }
 };
@@ -3133,6 +3367,7 @@ export {
   HoverHelper,
   Layer,
   MapTypePolar,
+  Model,
   Overlay,
   Poi,
   PoiLayer,
@@ -3153,8 +3388,10 @@ export {
   createSvgElement,
   defaultConfig,
   dispose,
+  disposeLoader,
   getCenter,
   getConfig,
+  getLongestSideDir,
   getTextureByText,
   hasChinese,
   initCamera,
@@ -3166,6 +3403,7 @@ export {
   initScene,
   initShape,
   isContain,
+  loadModel,
   proxyOptions,
   setCirclePosition,
   setLineStartEnd,