@aibee/crc-bmap 0.0.92 → 0.0.93

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 Vector314 } from "three";
 
 // src/utils/timer.ts
 var Timer = class {
@@ -941,7 +941,9 @@ var Overlay = class extends EventDispatcher {
   initObserver() {
     const observer = new MutationObserver(
       debounce(() => {
-        this.usePlacement();
+        if (this.div) {
+          this.usePlacement();
+        }
       }, 100)
     );
     observer.observe(this.div, {
@@ -3216,10 +3218,10 @@ var Context = class extends EventDispatcher6 {
     const boundingBox = new Box38().setFromObject(object);
     this.setPolarAngle(polar, 0);
     const { max, min } = boundingBox;
-    const leftTop = new Vector313(min.x, max.y, min.z);
-    const rightTop = new Vector313(max.x, max.y, min.z);
-    const rightBottom = new Vector313(max.x, min.y, max.z);
-    const leftBottom = new Vector313(min.x, min.y, max.z);
+    const leftTop = new Vector313(min.x, max.y, max.z);
+    const rightTop = new Vector313(max.x, max.y, max.z);
+    const rightBottom = new Vector313(max.x, min.y, min.z);
+    const leftBottom = new Vector313(min.x, min.y, min.z);
     const leftTop2d = vector3ToDevice(leftTop, this.camera, width, height);
     const rightTop2d = vector3ToDevice(rightTop, this.camera, width, height);
     const leftBottom2d = vector3ToDevice(leftBottom, this.camera, width, height);
@@ -3234,7 +3236,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 Vector313((max.x + min.x) / 2, (max.y + min.y) / 2, 0);
+    const center2 = new Vector313((max.x + min.x) / 2, (max.y + min.y) / 2, (max.z + min.z) / 2);
     return { zoom: scale * this.camera.zoom, center: center2 };
   }
   /**
@@ -3410,8 +3412,11 @@ var BMap = class extends EventDispatcher7 {
     __publicField(this, "buildingGroundMap", /* @__PURE__ */ new Map());
     __publicField(this, "currentBuildGround", null);
     __publicField(this, "observe", null);
+    __publicField(this, "timer", new Timer());
     __publicField(this, "onControlChange", () => {
-      const { camera: { zoom } } = this.context;
+      const {
+        camera: { zoom }
+      } = this.context;
       if (zoom !== this.prevCameraZoom) {
         this.dispatchEvent({
           type: "zoom-change",
@@ -3467,8 +3472,20 @@ var BMap = class extends EventDispatcher7 {
     this.context.render();
   }
   loadGraphics(_0) {
-    return __async(this, arguments, function* ({ brand, project, phase, building, floor, ts, resource_type_list }) {
-      const { apiDomain, apiPath: { floorGraphic }, apiInfo } = this.config;
+    return __async(this, arguments, function* ({
+      brand,
+      project,
+      phase,
+      building,
+      floor,
+      ts,
+      resource_type_list
+    }) {
+      const {
+        apiDomain,
+        apiPath: { floorGraphic },
+        apiInfo
+      } = this.config;
       const url = `${apiDomain}${floorGraphic}?brand=${brand}&project=${project}&phase=${phase}&building=${building}&floor=${floor}&ts=${ts}&resource_type_list=${resource_type_list}`;
       const data = yield fetch(url, apiInfo).then((res) => res.json()).then((res) => res.data).then((res) => {
         (res || []).map((item) => item.info = JSON.parse(item.info));
@@ -3477,17 +3494,31 @@ var BMap = class extends EventDispatcher7 {
       return data;
     });
   }
-  getBuildingKey({ brand, project, phase, building }) {
+  getBuildingKey({
+    brand,
+    project,
+    phase,
+    building
+  }) {
     const key = `${brand}-${project}-${phase}-${building}`;
     return key;
   }
   loadBuildingGround(_0) {
-    return __async(this, arguments, function* ({ brand, project, phase, building }) {
+    return __async(this, arguments, function* ({
+      brand,
+      project,
+      phase,
+      building
+    }) {
       const key = this.getBuildingKey({ brand, project, phase, building });
       if (this.buildingGroundMap.get(key)) {
         return this.buildingGroundMap.get(key) || null;
       }
-      const { apiDomain, apiPath: { floorRange }, apiInfo } = this.config;
+      const {
+        apiDomain,
+        apiPath: { floorRange },
+        apiInfo
+      } = this.config;
       const url = `${apiDomain}${floorRange}?brand=${brand}&project=${project}&phase=${phase}&building=${building}`;
       const data = yield fetch(url, apiInfo).then((res) => res.json()).then((res) => res.data).then((res) => {
         const data2 = (res || [])[0];
@@ -3500,24 +3531,60 @@ var BMap = class extends EventDispatcher7 {
       return data;
     });
   }
-  getFloorKey({ brand, project, phase, building, floor, ts, resource_type_list }) {
+  getFloorKey({
+    brand,
+    project,
+    phase,
+    building,
+    floor,
+    ts,
+    resource_type_list
+  }) {
     const floorKey = `${brand}-${project}-${phase}-${building}-${floor}-${ts}-${resource_type_list}`;
     return floorKey;
   }
   load(_0) {
-    return __async(this, arguments, function* ({ brand, project, phase, building, floor, ts, resource_type_list }) {
-      const floorKey = this.getFloorKey({ brand, project, phase, building, floor, ts, resource_type_list });
+    return __async(this, arguments, function* ({
+      brand,
+      project,
+      phase,
+      building,
+      floor,
+      ts,
+      resource_type_list
+    }) {
+      const floorKey = this.getFloorKey({
+        brand,
+        project,
+        phase,
+        building,
+        floor,
+        ts,
+        resource_type_list
+      });
       if (this.floorDataMap.get(floorKey)) {
         return;
       }
       const [data, buildGround] = yield Promise.all([
-        this.loadGraphics({ brand, project, phase, building, floor, ts, resource_type_list }),
+        this.loadGraphics({
+          brand,
+          project,
+          phase,
+          building,
+          floor,
+          ts,
+          resource_type_list
+        }),
         this.loadBuildingGround({ brand, project, phase, building })
       ]);
       if (buildGround) {
-        const center2 = getCenter(buildGround.info.geometry.cds[0]);
+        const center2 = getCenter(
+          buildGround.info.geometry.cds[0]
+        );
         data.forEach((item) => {
-          item.info.geometry.coords = JSON.parse(JSON.stringify(item.info.geometry.cds));
+          item.info.geometry.coords = JSON.parse(
+            JSON.stringify(item.info.geometry.cds)
+          );
           if (item.info.geometry.type === "polygon") {
             item.info.geometry.coords.map((cds) => {
               if (Array.isArray(cds)) {
@@ -3590,12 +3657,33 @@ var BMap = class extends EventDispatcher7 {
     curFloor.userData.legacyToGraphicMap = legacyToGraphicMap;
     return { curFloor, graphics };
   }
-  switchFloor({ brand, project, phase, building, floor, ts, resource_type_list }) {
-    const floorKey = this.getFloorKey({ brand, project, phase, building, floor, ts, resource_type_list });
+  switchFloor({
+    brand,
+    project,
+    phase,
+    building,
+    floor,
+    ts,
+    resource_type_list
+  }) {
+    const floorKey = this.getFloorKey({
+      brand,
+      project,
+      phase,
+      building,
+      floor,
+      ts,
+      resource_type_list
+    });
     const curFloorData = this.floorDataMap.get(floorKey);
     this.context.control.removeEventListener("change", this.onControlChange);
     if (curFloorData) {
-      const buildingKey = this.getBuildingKey({ brand, project, phase, building });
+      const buildingKey = this.getBuildingKey({
+        brand,
+        project,
+        phase,
+        building
+      });
       this.currentBuildGround = this.buildingGroundMap.get(buildingKey) || null;
       const createdFloor = this.createFloor(curFloorData);
       if (createdFloor) {
@@ -3619,7 +3707,9 @@ var BMap = class extends EventDispatcher7 {
         console.warn("[switchFloor error] [" + floor + "] \u697C\u5C42\u6CA1\u6709\u6570\u636E");
       }
     } else {
-      console.warn("[switchFloor error] \u6CA1\u6709\u8FD9\u4E2A\u697C\u5C42\uFF0C\u8BF7\u5148\u8C03\u7528load\u65B9\u6CD5\u52A0\u8F7D\u697C\u5C42");
+      console.warn(
+        "[switchFloor error] \u6CA1\u6709\u8FD9\u4E2A\u697C\u5C42\uFF0C\u8BF7\u5148\u8C03\u7528load\u65B9\u6CD5\u52A0\u8F7D\u697C\u5C42"
+      );
     }
   }
   // 扶梯
@@ -3631,7 +3721,11 @@ var BMap = class extends EventDispatcher7 {
         id: graphic.options.id
       }));
       if (model) {
-        const { facilityAngle = 0, facilityXScale = 1, facilityYScale = 1 } = graphic.options.userData;
+        const {
+          facilityAngle = 0,
+          facilityXScale = 1,
+          facilityYScale = 1
+        } = graphic.options.userData;
         model.rotateZ((180 - facilityAngle) / 180 * Math.PI);
         model.scale.set(facilityXScale, facilityYScale, 1);
       }
@@ -3647,11 +3741,13 @@ var BMap = class extends EventDispatcher7 {
   }
   /**
    * 获取当前楼层全部的graphic
-   * @returns 
+   * @returns
    */
   getFloorAllGraphics() {
     var _a;
-    return ((_a = this.context.currentFloor) == null ? void 0 : _a.graphicLayer.children.filter((item) => item instanceof Graphic)) || [];
+    return ((_a = this.context.currentFloor) == null ? void 0 : _a.graphicLayer.children.filter(
+      (item) => item instanceof Graphic
+    )) || [];
   }
   createGraphicPoi(graphic, options) {
     if (this.context.currentFloor) {
@@ -3686,11 +3782,25 @@ var BMap = class extends EventDispatcher7 {
    */
   translateElementToCenterX(ele, duration = 500) {
     return __async(this, null, function* () {
-      const { y, z } = this.context.control.target;
-      const position = ele.getPosition();
-      position.setY(y);
-      position.setZ(z);
-      yield this.context.setCameraPosition(position, duration);
+      return timeoutPromise(new Promise((resolve) => {
+        const target = this.context.control.target.clone();
+        const position = ele.getPosition();
+        this.timer.requestAnimationFrame(() => {
+          const {
+            clientSize: { width, height },
+            camera
+          } = this.context;
+          console.log("width", width, height);
+          const device = vector3ToDevice(position, camera, width, height);
+          const offsetX = device.x - width / 2;
+          const v3 = new Vector314();
+          v3.setFromMatrixColumn(this.context.camera.matrix, 0);
+          v3.normalize();
+          v3.multiplyScalar(offsetX / this.context.camera.zoom);
+          target.add(v3);
+          this.context.setCameraPosition(target, duration).then(resolve);
+        });
+      }), duration + 500);
     });
   }
   /**
@@ -3722,9 +3832,16 @@ var BMap = class extends EventDispatcher7 {
   resetView(duration = 300) {
     return __async(this, null, function* () {
       const time = duration / 3;
-      yield this.context.setAzimuthalAngle(this.config.control.defaultAzimuthal, time);
+      yield this.context.setAzimuthalAngle(
+        this.config.control.defaultAzimuthal,
+        time
+      );
       yield this.changeMapType(this.type, time);
-      yield this.context.fitCameraToGround(this.config.defaultPadding, time, false);
+      yield this.context.fitCameraToGround(
+        this.config.defaultPadding,
+        time,
+        false
+      );
     });
   }
   /**
@@ -3789,7 +3906,7 @@ var BMap = class extends EventDispatcher7 {
   }
   /**
    * 测量距离
-   * @returns 
+   * @returns
    */
   measureDistance() {
     return __async(this, null, function* () {
@@ -3863,9 +3980,13 @@ var BMap = class extends EventDispatcher7 {
     var _a;
     if (!options.transformToBuildingGround) {
       if (this.currentBuildGround) {
-        const center2 = getCenter(this.currentBuildGround.info.geometry.cds[0]);
+        const center2 = getCenter(
+          this.currentBuildGround.info.geometry.cds[0]
+        );
         if (options.geometry.type === "polygon") {
-          options.geometry.coords = JSON.parse(JSON.stringify(options.geometry.cds));
+          options.geometry.coords = JSON.parse(
+            JSON.stringify(options.geometry.cds)
+          );
           options.geometry.coords.map((cds) => {
             if (Array.isArray(cds)) {
               cds.forEach((coord) => {
@@ -3892,7 +4013,9 @@ var BMap = class extends EventDispatcher7 {
   }
   getPois() {
     var _a;
-    return (((_a = this.context.currentFloor) == null ? void 0 : _a.poiLayer.pois) || []).filter((item) => !item.options.built_in);
+    return (((_a = this.context.currentFloor) == null ? void 0 : _a.poiLayer.pois) || []).filter(
+      (item) => !item.options.built_in
+    );
   }
   clearPoi() {
     if (this.context.currentFloor) {
@@ -3903,6 +4026,7 @@ var BMap = class extends EventDispatcher7 {
     this.context.selection.remove(graphic);
   }
   dispose() {
+    this.timer.dispose();
     this.context.dispose();
     this.floorDataMap.clear();
     this.buildingGroundMap.clear();