@aibee/crc-bmap 0.0.64 → 0.0.66

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 Vector312 } 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,19 @@ 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) {
+      dir = point_1.clone().sub(point_0).normalize();
+    }
+  }
+  return dir;
+}
 
 // src/utils/proxy.ts
 function proxyOptions(target, master) {
@@ -396,14 +410,42 @@ 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)) {
+    return modelMap.get(url);
+  }
+  if (!loader) {
+    loader = createLoader();
+  }
+  const p = new Promise((resolve, reject) => {
+    loader.load(url, (gltf) => {
+      resolve(gltf);
+    }, void 0, reject);
+  });
+  modelMap.set(url, p);
+  return p;
+}
+function disposeLoader() {
+  loader = null;
+  modelMap.clear();
+}
+
 // src/context.ts
 import {
   EventDispatcher as EventDispatcher6,
   Box2,
-  Vector3 as Vector39,
+  Vector3 as Vector311,
   Vector2 as Vector23,
   Raycaster as Raycaster3,
-  Box3 as Box36,
+  Box3 as Box37,
   Color as Color4,
   AmbientLight as AmbientLight2
 } from "three";
@@ -418,7 +460,7 @@ import {
   ExtrudeGeometry,
   Mesh,
   Box3,
-  Vector3,
+  Vector3 as Vector32,
   BufferGeometry,
   LineSegments
 } from "three";
@@ -529,7 +571,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 +579,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 +648,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 +766,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 +779,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 +830,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 +879,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 +1073,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 +1099,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 +1379,54 @@ 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.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() {
+    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 img = document.createElement("img");
+      img.src = this.options.icon;
+      overlay.div.appendChild(img);
+      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 +1435,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 +1463,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 +1496,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 +1521,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 +1566,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 +1820,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 +1839,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);
@@ -2293,7 +2391,7 @@ var Context = class extends EventDispatcher6 {
   /**
    * 获取两个点之间的像素数
    */
-  getRatio(point1 = new Vector39(0, 0, 0), point22 = new Vector39(100, 0, 0)) {
+  getRatio(point1 = new Vector311(0, 0, 0), point22 = new Vector311(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 +2531,7 @@ var Context = class extends EventDispatcher6 {
     );
   }
   getCameraLookAt() {
-    return new Vector39().subVectors(this.control.target, this.camera.position);
+    return new Vector311().subVectors(this.control.target, this.camera.position);
   }
   /**
    * 按照一个中心点设置相机的放大缩小
@@ -2485,12 +2583,14 @@ var Context = class extends EventDispatcher6 {
    * @param duration
    * @returns
    */
-  fitCameraToObject(object, padding = [20, 20, 20, 20], duration = 500) {
+  fitCameraToObject(object, padding = [20, 20, 20, 20], duration = 500, force2DView = true) {
     const [top, right, bottom, left] = padding;
     const { clientSize: { width, height } } = this;
     const polar = this.control.getPolarAngle();
-    this.setPolarAngle(0, 0);
-    const boundingBox = new Box36().setFromObject(object);
+    if (force2DView) {
+      this.setPolarAngle(0, 0);
+    }
+    const boundingBox = new Box37().setFromObject(object);
     this.setPolarAngle(polar, 0);
     const { max, min } = boundingBox;
     const max2d = vector3ToDevice(max, this.camera, width, height);
@@ -2503,12 +2603,12 @@ 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 Vector311((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) {
+  fitCameraToGround(padding = [20, 20, 20, 20], duration = 500, force2DView = true) {
     if (this.currentFloor && this.currentFloor.hasElement) {
-      return this.fitCameraToObject(this.currentFloor.groundUpper, padding, duration);
+      return this.fitCameraToObject(this.currentFloor.groundUpper, padding, duration, force2DView);
     } else {
       return Promise.resolve(false);
     }
@@ -2850,6 +2950,9 @@ var BMap = class extends EventDispatcher7 {
         this.context.control.minZoom = this.basicZoom;
         this.context.control.maxZoom = this.basicZoom * 25;
         this.context.control.addEventListener("change", this.onControlChange);
+        if (this.type === "3d") {
+          this.context.fitCameraToGround([80, 20, 80, 20], 0, false);
+        }
         this.onControlChange();
       } else {
         console.warn("[switchFloor error] [" + floor + "] \u697C\u5C42\u6CA1\u6709\u6570\u636E");
@@ -2858,6 +2961,25 @@ 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");
     }
   }
+  // 扶梯
+  addStaircaseModel(graphic, icon, modelUrl) {
+    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 });
+      if (model) {
+        model.position.copy(graphic.getPosition().setZ(0.1));
+        const angleY = dir.angleTo(new Vector312(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);
@@ -2900,6 +3022,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);
+  }
   /**
    * 获取物体的屏幕坐标
    */
@@ -3114,6 +3248,7 @@ var BMap = class extends EventDispatcher7 {
     this.buildingGroundMap.clear();
     clearTextTexture();
     clearCanvas();
+    disposeLoader();
     this.unRegistryEvent();
   }
 };
@@ -3128,6 +3263,7 @@ export {
   HoverHelper,
   Layer,
   MapTypePolar,
+  Model,
   Overlay,
   Poi,
   PoiLayer,
@@ -3148,8 +3284,10 @@ export {
   createSvgElement,
   defaultConfig,
   dispose,
+  disposeLoader,
   getCenter,
   getConfig,
+  getLongestSideDir,
   getTextureByText,
   hasChinese,
   initCamera,
@@ -3161,6 +3299,7 @@ export {
   initScene,
   initShape,
   isContain,
+  loadModel,
   proxyOptions,
   setCirclePosition,
   setLineStartEnd,