@aibee/crc-bmap 0.0.10 → 0.0.13

package/lib/bmap.esm.js

@@ -178,7 +178,7 @@ function initDirectionalLight(color = 16777215, intensity = 1) {
   directionalLight.castShadow = true;
   directionalLight.shadow.radius = 8;
   directionalLight.shadow.bias = -1e-3;
-  directionalLight.shadow.mapSize.set(64, 64);
+  directionalLight.shadow.mapSize.set(256, 256);
   directionalLight.shadow.camera.left = -200;
   directionalLight.shadow.camera.right = 200;
   directionalLight.shadow.camera.top = 200;
@@ -373,10 +373,10 @@ function setRectPosition(rect, x, y, w, h) {
 import {
   EventDispatcher as EventDispatcher5,
   Box2,
-  Vector3 as Vector36,
+  Vector3 as Vector38,
   Vector2 as Vector23,
-  Raycaster as Raycaster2,
-  Box3 as Box33,
+  Raycaster as Raycaster3,
+  Box3 as Box35,
   Color as Color4,
   AmbientLight as AmbientLight2
 } from "three";
@@ -587,8 +587,12 @@ var Shadow = class extends Object3D2 {
   changeLightColor(color) {
     this.directionalLight.color = new Color3(color);
   }
+  setPosition(position) {
+    this.position.copy(position);
+    this.directionalLight.position.set(-position.x / 2, -position.y / 2, 100);
+  }
   // 创建平面白色
-  initPlane(width = 1e4, height = 1e4) {
+  initPlane(width = 1e3, height = 1e3) {
     const geometry = new PlaneGeometry(width, height);
     const material = new ShadowMaterial({
       transparent: true,
@@ -777,7 +781,10 @@ var Poi = class extends Object3D4 {
 };
 
 // src/elements/floor.ts
-import { Object3D as Object3D7 } from "three";
+import { Box3 as Box34, Object3D as Object3D7, Vector3 as Vector35 } from "three";
+
+// src/layer/graphic-layer.ts
+import { Box3 as Box33, Vector3 as Vector34 } from "three";
 
 // src/layer/layer.ts
 import { Object3D as Object3D5 } from "three";
@@ -797,6 +804,10 @@ var GraphicLayer = class extends Layer {
   constructor(context) {
     super(context);
   }
+  getCenter() {
+    const box = new Box33().setFromObject(this);
+    return box.getCenter(new Vector34());
+  }
   createGraphic(options) {
     const graphic = new Graphic(this.context, options);
     this.add(graphic);
@@ -1030,24 +1041,31 @@ var Floor = class extends Object3D7 {
     this.context = context;
     __publicField(this, "graphicLayer");
     __publicField(this, "poiLayer");
-    __publicField(this, "ground");
+    __publicField(this, "grounds", /* @__PURE__ */ new Set());
     __publicField(this, "shadow", new Shadow());
     __publicField(this, "heatmap");
+    __publicField(this, "groundUpper", new Object3D7());
     this.graphicLayer = new GraphicLayer(this.context);
     this.poiLayer = new PoiLayer(this.context);
-    this.add(this.graphicLayer);
-    this.add(this.poiLayer);
-    this.add(this.shadow);
+    this.groundUpper.add(this.graphicLayer);
+    this.groundUpper.add(this.poiLayer);
+    this.add(this.groundUpper);
+  }
+  addGrounds(grounds) {
+    grounds.forEach((ground) => {
+      if (!this.grounds.has(ground)) {
+        this.grounds.add(ground);
+        this.groundUpper.add(ground);
+      }
+    });
   }
-  addGround(ground) {
-    this.ground = ground;
-    this.add(ground);
-    const center2 = ground.getCenter();
-    const size = ground.getSize();
-    this.shadow.position.x = center2.x;
-    this.shadow.position.y = center2.y;
+  addShadow() {
+    const box = new Box34().setFromObject(this.groundUpper);
+    const center2 = box.getCenter(new Vector35());
+    const size = box.getSize(new Vector35());
+    this.shadow.setPosition(center2);
     this.shadow.changeLightCamera(size);
-    this.shadow.setTarget(ground);
+    this.add(this.shadow);
   }
   addGraphic(graphicOptions) {
     return this.graphicLayer.createGraphic(graphicOptions);
@@ -1056,15 +1074,13 @@ var Floor = class extends Object3D7 {
     return this.poiLayer.createPoi(poiOptions);
   }
   addHeatmap(data) {
-    var _a, _b;
     if (!this.heatmap) {
       this.heatmap = new HeatmapElement(this.context);
       this.add(this.heatmap);
     }
     this.heatmap.loadData(data);
-    if (this.ground) {
-      this.heatmap.position.setZ(((_a = this.ground) == null ? void 0 : _a.options.airHeight) + ((_b = this.ground) == null ? void 0 : _b.options.height));
-    }
+    const box = new Box34().setFromObject(this.graphicLayer);
+    this.heatmap.position.setZ(box.max.z);
     return this.heatmap;
   }
   removeHeatMap() {
@@ -1081,18 +1097,19 @@ var Floor = class extends Object3D7 {
     this.shadow.visible = visible;
   }
   dispose() {
-    var _a, _b;
+    var _a;
     this.shadow.dispose();
     this.graphicLayer.dispose();
     this.poiLayer.dispose();
-    (_a = this.ground) == null ? void 0 : _a.dispose();
-    (_b = this.heatmap) == null ? void 0 : _b.dispose();
+    this.grounds.forEach((ground) => ground.dispose());
+    (_a = this.heatmap) == null ? void 0 : _a.dispose();
+    this.groundUpper.clear();
     this.clear();
   }
 };
 
 // src/elements/base-svg.ts
-import { EventDispatcher as EventDispatcher2, Vector3 as Vector34 } from "three";
+import { EventDispatcher as EventDispatcher2, Vector3 as Vector36 } from "three";
 var BaseSvg = class extends EventDispatcher2 {
   constructor(context) {
     super();
@@ -1117,7 +1134,7 @@ var BaseSvg = class extends EventDispatcher2 {
     const { clientWidth, clientHeight } = renderer.domElement;
     const nx = x / clientWidth * 2 - 1;
     const ny = 1 - y / clientHeight * 2;
-    const v = new Vector34(nx, ny, 0);
+    const v = new Vector36(nx, ny, 0);
     return v.unproject(camera);
   }
   getSvgCoordinate(vector) {
@@ -1711,7 +1728,7 @@ var Context = class extends EventDispatcher5 {
   /**
    * 获取两个点之间的像素数
    */
-  getRatio(point1 = new Vector36(0, 0, 0), point22 = new Vector36(100, 0, 0)) {
+  getRatio(point1 = new Vector38(0, 0, 0), point22 = new Vector38(100, 0, 0)) {
     const { clientWidth, clientHeight } = this.container;
     const device1 = vector3ToDevice(point1, this.camera, clientWidth, clientHeight);
     const device2 = vector3ToDevice(point22, this.camera, clientWidth, clientHeight);
@@ -1732,7 +1749,7 @@ var Context = class extends EventDispatcher5 {
     }
     this.currentFloor = floor;
     this.scene.add(floor);
-    const position = (_a = floor.ground) == null ? void 0 : _a.getCenter();
+    const position = (_a = floor.graphicLayer) == null ? void 0 : _a.getCenter();
     if (position) {
       this.lights.position.x = position.x;
       this.lights.position.y = position.y;
@@ -1749,7 +1766,7 @@ var Context = class extends EventDispatcher5 {
     const point3 = new Vector23();
     point3.x = x / this.container.clientWidth * 2 - 1;
     point3.y = y / this.container.clientHeight * -2 + 1;
-    const raycaster = new Raycaster2();
+    const raycaster = new Raycaster3();
     raycaster.setFromCamera(point3, this.camera);
     const res = (_a = this.currentFloor) == null ? void 0 : _a.graphicLayer.getGraphicByRaycaster(raycaster);
     return res || { graphics: [], position: null };
@@ -1808,7 +1825,7 @@ var Context = class extends EventDispatcher5 {
     );
   }
   getCameraLookAt() {
-    return new Vector36().subVectors(this.control.target, this.camera.position);
+    return new Vector38().subVectors(this.control.target, this.camera.position);
   }
   /**
    * 按照一个中心点设置相机的放大缩小
@@ -1856,7 +1873,7 @@ var Context = class extends EventDispatcher5 {
   fitCameraToObject(object, padding = [20, 20, 20, 20], duration = 500) {
     const [top, right, bottom, left] = padding;
     const { clientWidth, clientHeight } = this.container;
-    const boundingBox = new Box33().setFromObject(object);
+    const boundingBox = new Box35().setFromObject(object);
     const { max, min } = boundingBox;
     const max2d = vector3ToDevice(max, this.camera, clientWidth, clientHeight);
     const min2d = vector3ToDevice(min, this.camera, clientWidth, clientHeight);
@@ -1868,12 +1885,12 @@ var Context = class extends EventDispatcher5 {
     const xScale = (clientWidth - right - left) / size.x;
     const yScale = (clientHeight - top - bottom) / size.y;
     const scale = Math.min(xScale, yScale);
-    const center2 = new Vector36((max.x + min.x) / 2, (max.y + min.y) / 2, max.z);
+    const center2 = new Vector38((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) {
     if (this.currentFloor) {
-      return this.fitCameraToObject(this.currentFloor.graphicLayer, padding, duration);
+      return this.fitCameraToObject(this.currentFloor.groundUpper, padding, duration);
     } else {
       return Promise.resolve(false);
     }
@@ -2064,25 +2081,22 @@ var BMap = class extends EventDispatcher6 {
     });
   }
   createFloor(data) {
-    if (!data.length) {
-      return null;
-    }
     const curFloor = new Floor(this.context);
-    const list = [...data];
-    let groundIndex = data.findIndex((item) => item.info.group === "ground");
-    if (groundIndex !== -1) {
-      const ground = data[groundIndex];
-      const groundGraphic = new Graphic(this.context, ground.info);
-      curFloor.addGround(groundGraphic);
-      list.splice(groundIndex, 1);
+    if (!data.length) {
+      return { curFloor, graphics: [] };
     }
+    const grounds = data.filter((item) => item.info.group === "ground");
+    const groundGraphics = grounds.map((ground) => new Graphic(this.context, ground.info));
+    curFloor.addGrounds(groundGraphics);
+    const graphicData = data.filter((item) => item.info.group !== "ground");
     const legacyToGraphicMap = /* @__PURE__ */ new Map();
-    const graphics = list.map((item) => {
+    const graphics = graphicData.map((item) => {
       const graphic = curFloor.addGraphic(item.info);
       graphic.userData.data = item;
       legacyToGraphicMap.set(item.legacy_id, graphic);
       return graphic;
     });
+    curFloor.addShadow();
     curFloor.userData.legacyToGraphicMap = legacyToGraphicMap;
     return { curFloor, graphics };
   }