@aibee/crc-bmap 0.5.4 → 0.5.6

package/lib/bmap.esm.js

@@ -4322,7 +4322,8 @@ var PoiLayer2 = class extends Layer {
     m4.multiply(camera.matrixWorldInverse);
     const pois = this.pois.filter((item) => {
       if (item.visible) {
-        const vector = new Vector310().setFromMatrixPosition(item.matrixWorld);
+        const matrixWorld = item.spriteIcon ? item.spriteIcon?.matrixWorld : item.spriteText?.matrixWorld || item.matrixWorld;
+        const vector = new Vector310().setFromMatrixPosition(matrixWorld);
         vector.applyMatrix4(m4);
         item.screenPosition = vector;
         return isValid(vector.x) && isValid(vector.y) && isValid(vector.z);
@@ -5535,7 +5536,8 @@ var defaultOptions4 = {
   id: "",
   position: { x: 0, y: 0, z: 0 },
   text_font_size: 14,
-  icon_rotate: 0
+  icon_rotate: 0,
+  depth_test: false
 };
 var Poi2 = class extends Object3D14 {
   constructor(context, options) {
@@ -5579,7 +5581,11 @@ var Poi2 = class extends Object3D14 {
     return this.options.text ? this.options.text_font_size : 0;
   }
   get deltaZ() {
-    return 0.1;
+    if (!this.options.icon && this.options.text) {
+      return 0.1 + this.offset * (this.iconHeight + this.durIconAndText + this.textHeight) / this.context.camera.zoom;
+    } else {
+      return 0.1;
+    }
   }
   get canSelect() {
     return this.visible && (this.spriteIcon ? this.spriteIcon.visible : true) && (this.spriteText ? this.spriteText.visible : true);
@@ -5617,6 +5623,14 @@ var Poi2 = class extends Object3D14 {
         this._initScale({ zoom: this.context.camera.zoom });
       }
     });
+    this.addEventListener("change-depth_test", ({ value }) => {
+      if (this.spriteIcon) {
+        this.spriteIcon.material.depthTest = value;
+      }
+      if (this.spriteText) {
+        this.spriteText.material.depthTest = value;
+      }
+    });
   }
   unRegistryEvent() {
     this.context.removeEventListener("control-zoom-change", this._initScale);
@@ -5633,7 +5647,7 @@ var Poi2 = class extends Object3D14 {
             map: texture,
             transparent: true,
             alphaTest: 0.2,
-            depthTest: false,
+            depthTest: this.options.depth_test,
             rotation: this.options.icon_rotate / 180 * Math.PI
           })
         );
@@ -5657,7 +5671,7 @@ var Poi2 = class extends Object3D14 {
           map: texture,
           transparent: true,
           alphaTest: 0.2,
-          depthTest: false
+          depthTest: this.options.depth_test
         })
       );
       spriteText.visible = false;
@@ -5744,18 +5758,18 @@ var Poi2 = class extends Object3D14 {
   renderBoxHelper(x, y) {
     if (!this.boxHelper) {
       const div = document.createElement("div");
-      div.style.position = "fixed";
+      div.style.position = "absolute";
+      div.style.zIndex = "999";
       div.style.border = "1px solid red";
       div.style.pointerEvents = "none";
       this.boxHelper = div;
       this.context.container.appendChild(div);
     }
     if (x && y) {
-      console.log(x, y);
       this.boxHelper.style.left = x + "px";
       this.boxHelper.style.top = y + "px";
-      this.boxHelper.style.width = "10px";
-      this.boxHelper.style.height = "10px";
+      this.boxHelper.style.width = "2px";
+      this.boxHelper.style.height = "2px";
     } else {
       this.boxHelper.style.left = this.box.min.x + "px";
       this.boxHelper.style.top = this.box.min.y + "px";
@@ -9049,11 +9063,13 @@ var MulFloors = class extends Plugin {
   show(floors) {
     let height = floors[0].userData.height;
     floors.forEach((floor) => {
-      floor.poiLayer.pois.forEach((poi) => {
+      floor.poiLayer2.pois.forEach((poi) => {
+        poi.position.setZ(poi.position.z + height);
+        poi.options.depth_test = true;
         this.poiLayer.pushPoi(poi);
       });
-      floor.poiLayer.pois.length = 0;
-      floor.poiLayer.dispose();
+      floor.poiLayer2.pois.length = 0;
+      floor.poiLayer2.dispose();
       floor.position.z = height;
       height += floor.userData.height;
     });
@@ -9065,12 +9081,13 @@ var MulFloors = class extends Plugin {
     this.group.add(this.poiLayer, ...floors);
     scene.add(this.group);
     this.floors = floors;
+    this.fitCamera();
     this.bmap.context.cameraBound.updateBox();
   }
   hide() {
     const { scene } = this.bmap.context;
     scene.remove(this.group);
-    this.poiLayer.clear(true);
+    this.poiLayer.clear();
     this.floors.forEach((floor) => {
       floor.dispose();
     });