@aibee/crc-bmap 0.0.12 → 0.0.14

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 Vector37,
+  Vector3 as Vector38,
   Vector2 as Vector23,
   Raycaster as Raycaster3,
-  Box3 as Box34,
+  Box3 as Box35,
   Color as Color4,
   AmbientLight as AmbientLight2
 } from "three";
@@ -538,8 +538,8 @@ var Graphic = class extends Object3D {
     }
     const intersects = raycaster.intersectObject(this.mesh);
     if (intersects[0]) {
-      const position = intersects[0].point;
-      return position;
+      const { point: position, distance } = intersects[0];
+      return { position, distance };
     }
     return false;
   }
@@ -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,
@@ -654,6 +658,9 @@ var Overlay = class extends EventDispatcher {
   setVisible(visible, display = "block") {
     this.div.style.display = visible ? display : "none";
   }
+  setOpacity(opacity) {
+    this.div.style.opacity = `${opacity}`;
+  }
   getPosition() {
     if (this.element) {
       if (typeof this.element.getPosition === "function") {
@@ -684,13 +691,14 @@ var Overlay = class extends EventDispatcher {
 var defaultOptions2 = {
   text: "",
   level: 1,
-  collision_enable: true
+  collision_enable: true,
+  opacity: 1
 };
 var Poi = class extends Object3D4 {
   constructor(context, options) {
     super();
     this.context = context;
-    __publicField(this, "span");
+    __publicField(this, "textDiv");
     __publicField(this, "img");
     __publicField(this, "overlay");
     __publicField(this, "options");
@@ -716,7 +724,11 @@ var Poi = class extends Object3D4 {
       }
     });
     this.addEventListener("change-text", ({ value }) => {
-      this.span.textContent = value;
+      this.overlay.div.removeChild(this.textDiv);
+      this.overlay.div.appendChild(this.initText());
+    });
+    this.addEventListener("change-opacity", ({ value }) => {
+      this.overlay.setOpacity(value);
     });
   }
   initDiv() {
@@ -737,11 +749,23 @@ var Poi = class extends Object3D4 {
     return this.position;
   }
   initText() {
-    const span = document.createElement("span");
-    span.style.whiteSpace = "nowrap";
-    span.textContent = this.options.text;
-    this.span = span;
-    return span;
+    const textDiv = document.createElement("div");
+    textDiv.appendChild(this.createTextFragment());
+    textDiv.style.background = "rgba(255, 255, 255, .7)";
+    textDiv.style.padding = "2px";
+    textDiv.style.borderRadius = "4px";
+    this.textDiv = textDiv;
+    return textDiv;
+  }
+  createTextFragment() {
+    const f = document.createDocumentFragment();
+    this.options.text.split("\r\n").forEach((item) => {
+      const div = document.createElement("div");
+      div.style.whiteSpace = "nowrap";
+      div.textContent = item;
+      f.appendChild(div);
+    });
+    return f;
   }
   initIcon() {
     var _a, _b;
@@ -770,14 +794,14 @@ var Poi = class extends Object3D4 {
   }
   dispose() {
     this.unRegistryEvent();
-    this.overlay.dispose();
-    this.span = null;
+    this.textDiv = null;
     this.img = void 0;
+    this.overlay.dispose();
   }
 };
 
 // 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";
@@ -814,23 +838,29 @@ var GraphicLayer = class extends Layer {
    * @param raycaster 
    */
   getGraphicByRaycaster(raycaster) {
-    let position = null;
-    const graphics = this.children.filter((item) => {
+    const initData = { distance: 1e4, graphic: null, position: null };
+    const data = this.children.reduce((res, item) => {
       if (item instanceof Graphic) {
         const pos = item.raycast(raycaster);
         if (pos) {
-          if (position) {
-            if (pos.z > position.z) {
-              position = pos;
-            }
-          } else {
-            position = pos;
+          const { distance } = pos;
+          if (distance < res.distance) {
+            return {
+              distance: res.distance,
+              position: res.position,
+              graphic: item
+            };
           }
         }
-        return !!pos;
+        return res;
+      } else {
+        return res;
       }
-    });
-    return { graphics, position };
+    }, initData);
+    if (data === initData) {
+      return { graphics: [], position: null };
+    }
+    return { graphics: [data.graphic], position: data.position };
   }
 };
 
@@ -1037,24 +1067,37 @@ 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);
+      }
+    });
+  }
+  get hasElement() {
+    return !!(this.grounds.size || this.graphicLayer.children.length);
+  }
+  getCenter() {
+    return new Box34().setFromObject(this.groundUpper).getCenter(new Vector35());
   }
-  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);
@@ -1063,15 +1106,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() {
@@ -1088,18 +1129,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 Vector35 } from "three";
+import { EventDispatcher as EventDispatcher2, Vector3 as Vector36 } from "three";
 var BaseSvg = class extends EventDispatcher2 {
   constructor(context) {
     super();
@@ -1124,7 +1166,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 Vector35(nx, ny, 0);
+    const v = new Vector36(nx, ny, 0);
     return v.unproject(camera);
   }
   getSvgCoordinate(vector) {
@@ -1658,7 +1700,7 @@ var Context = class extends EventDispatcher5 {
       camera.top = h / 2;
       camera.bottom = -h / 2;
       camera.updateProjectionMatrix();
-      renderer.setSize(window.innerWidth, window.innerHeight);
+      renderer.setSize(w, h);
     });
     __publicField(this, "onClick", (e) => {
       const { graphics, position } = this.getGraphicsByDeviceXy(e.offsetX, e.offsetY);
@@ -1718,7 +1760,7 @@ var Context = class extends EventDispatcher5 {
   /**
    * 获取两个点之间的像素数
    */
-  getRatio(point1 = new Vector37(0, 0, 0), point22 = new Vector37(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,14 +1774,13 @@ var Context = class extends EventDispatcher5 {
     });
   }
   switchFloor(floor) {
-    var _a;
     if (this.currentFloor) {
       this.scene.remove(this.currentFloor);
       this.currentFloor.dispose();
     }
     this.currentFloor = floor;
     this.scene.add(floor);
-    const position = (_a = floor.graphicLayer) == null ? void 0 : _a.getCenter();
+    const position = floor.getCenter();
     if (position) {
       this.lights.position.x = position.x;
       this.lights.position.y = position.y;
@@ -1815,7 +1856,7 @@ var Context = class extends EventDispatcher5 {
     );
   }
   getCameraLookAt() {
-    return new Vector37().subVectors(this.control.target, this.camera.position);
+    return new Vector38().subVectors(this.control.target, this.camera.position);
   }
   /**
    * 按照一个中心点设置相机的放大缩小
@@ -1863,7 +1904,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 Box34().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);
@@ -1875,12 +1916,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 Vector37((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);
+    if (this.currentFloor && this.currentFloor.hasElement) {
+      return this.fitCameraToObject(this.currentFloor.groundUpper, padding, duration);
     } else {
       return Promise.resolve(false);
     }
@@ -2075,38 +2116,37 @@ var BMap = class extends EventDispatcher6 {
     if (!data.length) {
       return { curFloor, graphics: [] };
     }
-    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);
-    }
+    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 };
   }
   switchFloor(floor) {
-    const curFloorData = this.floorDataMap.get(floor);
-    if (curFloorData) {
-      const createdFloor = this.createFloor(curFloorData);
-      if (createdFloor) {
-        this.context.switchFloor(createdFloor.curFloor);
-        this.context.fitCameraToGround(void 0, 0);
-        this.basicZoom = this.context.camera.zoom;
+    return __async(this, null, function* () {
+      const curFloorData = this.floorDataMap.get(floor);
+      if (curFloorData) {
+        const createdFloor = this.createFloor(curFloorData);
+        if (createdFloor) {
+          this.context.switchFloor(createdFloor.curFloor);
+          yield this.context.fitCameraToGround(void 0, 0);
+          this.basicZoom = this.context.camera.zoom;
+        } else {
+          console.warn("[switchFloor error] [" + floor + "] \u697C\u5C42\u6CA1\u6709\u6570\u636E");
+        }
       } else {
-        console.warn("[switchFloor error] [" + floor + "] \u697C\u5C42\u6CA1\u6709\u6570\u636E");
+        console.warn("[switchFloor error] \u6CA1\u6709\u8FD9\u4E2A\u697C\u5C42\uFF0C\u8BF7\u5148\u8C03\u7528load\u65B9\u6CD5\u52A0\u8F7D\u697C\u5C42");
       }
-    } else {
-      console.warn("[switchFloor error] \u6CA1\u6709\u8FD9\u4E2A\u697C\u5C42\uFF0C\u8BF7\u5148\u8C03\u7528load\u65B9\u6CD5\u52A0\u8F7D\u697C\u5C42");
-    }
+    });
   }
   addHeatmap(data) {
     var _a;
@@ -2127,8 +2167,11 @@ var BMap = class extends EventDispatcher6 {
   createGraphicPoi(graphic, options) {
     if (this.context.currentFloor) {
       const poi = this.context.currentFloor.addPoi(options);
-      poi.position.copy(graphic.getCenter());
+      const position = graphic.getCenter();
+      position.z += graphic.options.height / 2;
+      poi.position.copy(position);
       poi.position.z = poi.position.z + graphic.options.height / 2;
+      return poi;
     }
     return null;
   }