@aibee/crc-bmap 0.0.60 → 0.0.61

package/lib/bmap.esm.js

@@ -302,8 +302,11 @@ function proxyOptions(target, master) {
       return Reflect.get(target2, p, receiver);
     },
     set: (target2, p, newValue, receiver) => {
+      const oldValue = Reflect.get(target2, p, receiver);
       const res = Reflect.set(target2, p, newValue, receiver);
-      master.dispatchEvent({ type: `change-${p}`, value: newValue });
+      if (oldValue !== newValue) {
+        master.dispatchEvent({ type: `change-${p}`, value: newValue });
+      }
       return res;
     }
   });
@@ -551,7 +554,7 @@ var Graphic = class extends Object3D {
     this.geometry = this.initGeometry();
     this.initMaterial();
     this.initMesh();
-    this.mesh.position.z = this.options.airHeight;
+    this.mesh.position.z = this.options.airHeight + this.options.deltaHeight;
     if (this.options.stroke) {
       this.initLineMaterial();
       this.initLineGeometry();
@@ -566,7 +569,7 @@ var Graphic = class extends Object3D {
     const geometry = new ExtrudeGeometry(shape, {
       steps: 1,
       bevelEnabled: false,
-      depth: this.options.height + this.options.deltaHeight,
+      depth: this.options.height,
       curveSegments: 4
     });
     return geometry;
@@ -805,7 +808,7 @@ var Overlay = class extends EventDispatcher {
   dispose() {
     this.unRegistryEvent();
     this.unBindElement();
-    this.context.container.removeChild(this.div);
+    this.div && this.context.container.removeChild(this.div);
     this.div = null;
   }
 };
@@ -817,7 +820,10 @@ var defaultOptions3 = {
   collision_enable: true,
   opacity: 1,
   id: "",
-  position: { x: 0, y: 0, z: 0 }
+  position: { x: 0, y: 0, z: 0 },
+  icon_opacity: 1,
+  icon_border: { color: "#586EE0", width: 0 },
+  background: ""
 };
 var Poi = class extends EventDispatcher2 {
   constructor(context, options) {
@@ -869,6 +875,20 @@ var Poi = class extends EventDispatcher2 {
         this.resetSize();
       }
     });
+    this.addEventListener("change-icon_opacity", ({ value }) => {
+      if (this.img) {
+        this.img.style.opacity = `${value}`;
+      }
+    });
+    this.addEventListener("change-icon_border", ({ value }) => {
+      if (this.img) {
+        this.img.style.border = `${value.width}px solid ${value.color}`;
+        this.resetSize();
+      }
+    });
+    this.addEventListener("change-background", ({ value }) => {
+      this.div.style.background = value;
+    });
   }
   get withinDisplayRange() {
     return this.overlay.withinDisplayRange;
@@ -904,6 +924,7 @@ var Poi = class extends EventDispatcher2 {
     div.style.flexDirection = `column`;
     div.style.justifyContent = `center`;
     div.style.alignItems = `center`;
+    div.style.padding = "4px";
     this.overlay.setOpacity(this.options.opacity);
     this.overlay.div.style.pointerEvents = `none`;
     this.overlay.div.style.userSelect = `none`;
@@ -945,6 +966,11 @@ var Poi = class extends EventDispatcher2 {
     img.setAttribute("src", this.options.icon);
     img.style.width = `${((_a = this.options.icon_size) == null ? void 0 : _a[0]) || 32}px`;
     img.style.height = `${((_b = this.options.icon_size) == null ? void 0 : _b[1]) || 32}px`;
+    img.style.opacity = `${this.options.icon_opacity}px`;
+    img.style.borderRadius = "50%";
+    if (this.options.icon_border.width) {
+      img.style.border = `${this.options.icon_border.width}px solid ${this.options.icon_border.color}`;
+    }
     img.onload = () => {
       this._changePosition();
       this.resetSize();
@@ -1019,7 +1045,6 @@ var GraphicLayer = class extends Layer {
     return box.getCenter(new Vector35());
   }
   createGraphic(options) {
-    options.deltaHeight = 1e-5 * this.graphicMap.size;
     const graphic = new Graphic(this.context, options);
     this.add(graphic);
     this.graphicMap.set(options.id, graphic);
@@ -1315,7 +1340,6 @@ var Floor = class extends Object3D7 {
     this.add(this.groundUpper);
   }
   createGround(options) {
-    options.deltaHeight = 1e-5 * this.grounds.size;
     const ground = new Graphic(this.context, options);
     this.addGrounds([ground]);
   }
@@ -1331,7 +1355,7 @@ var Floor = class extends Object3D7 {
   }
   changeGroundMaxHeight() {
     const grounds = Array.from(this.grounds);
-    this.groundMaxHeight = this.grounds.size > 0 ? Math.max(...grounds.map((ground) => ground.options.height + ground.options.airHeight)) : 0;
+    this.groundMaxHeight = this.grounds.size > 0 ? Math.max(...grounds.map((ground) => ground.options.height + ground.options.airHeight + ground.options.deltaHeight)) : 0;
     this.graphicLayer.position.z = this.groundMaxHeight;
   }
   get hasElement() {
@@ -2581,6 +2605,7 @@ function getConfig(config) {
 }
 
 // src/bmap.ts
+import { debounce as debounce2 } from "lodash";
 var MapTypePolar = /* @__PURE__ */ ((MapTypePolar2) => {
   MapTypePolar2[MapTypePolar2["D2"] = 0] = "D2";
   MapTypePolar2[MapTypePolar2["D3"] = 0.9] = "D3";
@@ -2725,7 +2750,9 @@ var BMap = class extends EventDispatcher7 {
         });
       }
       const { ground, markGraphic, graphic } = this.config;
-      for (const item of data) {
+      for (let i = 0; i < data.length; i++) {
+        const item = data[i];
+        item.info.deltaHeight = 1e-5 * (i + 1);
         if (item.info.group === "ground") {
           item.info.fillColor = ground.color;
           item.info.fillOpacity = ground.opacity;
@@ -2907,7 +2934,7 @@ var BMap = class extends EventDispatcher7 {
     window.addEventListener("keydown", this.onKeydown);
     window.addEventListener("keyup", this.onKeyUp);
     if (this.config.resizeObserver) {
-      const observe = new ResizeObserver(this.resize);
+      const observe = new ResizeObserver(debounce2(this.resize, 5));
       observe.observe(this.container);
       this.observe = observe;
     }