@aibee/crc-bmap 0.0.62 → 0.0.63

package/lib/bmap.esm.js

@@ -835,14 +835,17 @@ var Poi = class extends EventDispatcher2 {
     __publicField(this, "img");
     __publicField(this, "overlay");
     __publicField(this, "options");
+    __publicField(this, "visible", true);
     __publicField(this, "size", { width: 0, height: 0 });
     __publicField(this, "position", new Vector34());
     __publicField(this, "_changePosition", () => {
-      this.div.style.transform = `translate3d(-50%, ${this.options.icon ? "-100%" : "-50%"}, 0)`;
     });
     this.options = proxyOptions(__spreadValues(__spreadValues({}, defaultOptions3), options), this);
     this.position.set(((_a = options.position) == null ? void 0 : _a.x) || 0, ((_b = options.position) == null ? void 0 : _b.y) || 0, ((_c = options.position) == null ? void 0 : _c.z) || 0);
-    this.overlay = new Overlay(this.context);
+    this.overlay = new Overlay(this.context, { autoUpdate: false });
+    this.overlay.addEventListener("update-position", ({ x, y, height }) => {
+      this.overlay.div.style.transform = `translate3d(calc(${x}px - 50%), calc(${-height + y}px - ${this.options.icon ? "100%" : "50%"}), 0)`;
+    });
     this.overlay.bindElement(this);
     this.registryEvent();
     this.initDiv();
@@ -982,6 +985,19 @@ var Poi = class extends EventDispatcher2 {
   unRegistryEvent() {
   }
   setVisible(visible) {
+    if (visible === this.visible) {
+      return;
+    }
+    this.visible = visible;
+    if (!visible) {
+      this.overlay.visible = visible;
+      this.overlay.div.style.visibility = visible ? "visible" : "hidden";
+    }
+  }
+  parentSetVisible(visible) {
+    if (!this.visible) {
+      return;
+    }
     if (visible === this.overlay.visible) {
       return;
     }
@@ -1111,6 +1127,7 @@ var PoiLayer = class extends Layer {
   }
   clear() {
     super.clear();
+    this.pois.forEach((item) => item.dispose());
     this.pois = [];
     return this;
   }
@@ -1186,7 +1203,7 @@ var PoiLayer = class extends Layer {
    */
   collisionDetection() {
     const range = [];
-    const pois = this.pois.filter((item) => item.withinDisplayRange);
+    const pois = this.pois.filter((item) => item.visible && item.withinDisplayRange);
     pois.forEach((item, index) => {
       const { left, right, top, bottom } = item.getBox();
       if (index === 0) {
@@ -1201,7 +1218,7 @@ var PoiLayer = class extends Layer {
         }
         return false;
       });
-      item.setVisible(!valid);
+      item.parentSetVisible(!valid);
       if (!valid) {
         range.push({ left, right, top, bottom });
       }
@@ -2550,6 +2567,7 @@ var defaultConfig = {
     floorRange: "/api/inception-map/range/get"
   },
   resizeObserver: false,
+  initTransToMark: false,
   heatMap: {
     radius: 50,
     gradient: {
@@ -2580,7 +2598,7 @@ var defaultConfig = {
     time: 100
   },
   ground: {
-    color: "#ffffff",
+    color: "#FAFAFA",
     opacity: 1,
     height: 3,
     stroke: true,
@@ -2588,7 +2606,7 @@ var defaultConfig = {
     strokeOpacity: 1
   },
   markGraphic: {
-    color: "#ecf0f7",
+    color: "#EEF0F3",
     opacity: 1,
     height: 1e-3,
     stroke: false,
@@ -2768,6 +2786,13 @@ var BMap = class extends EventDispatcher7 {
           item.info.strokeOpacity = markGraphic.strokeOpacity;
         } else {
           item.info.fillOpacity = graphic.fillOpacity;
+          if (this.config.initTransToMark) {
+            item.info.height = markGraphic.height;
+            item.info.fillColor = markGraphic.color;
+            item.info.stroke = markGraphic.stroke;
+            item.info.strokeColor = markGraphic.strokeColor;
+            item.info.strokeOpacity = markGraphic.strokeOpacity;
+          }
         }
       }
       if (!this.config.useFloorCache) {
@@ -3069,7 +3094,6 @@ var BMap = class extends EventDispatcher7 {
   }
   clearPoi() {
     if (this.context.currentFloor) {
-      this.getPois().forEach((poi) => poi.dispose());
       this.context.currentFloor.poiLayer.clear();
     }
   }