@aibee/crc-bmap 0.0.88 → 0.0.90

package/lib/bmap.esm.js

@@ -424,9 +424,9 @@ function darkenColor(hexColor, factor = 0.85) {
     g = parseInt(numbers[1].trim());
     b = parseInt(numbers[2].trim());
   }
-  r = Math.floor(r * factor);
-  g = Math.floor(g * factor);
-  b = Math.floor(b * factor);
+  r = Math.min(Math.floor(r * factor), 255);
+  g = Math.min(Math.floor(g * factor), 255);
+  b = Math.min(Math.floor(b * factor), 255);
   let darkHexColor = "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
   return darkHexColor;
 }
@@ -540,7 +540,8 @@ var defaultOptions = {
   deltaHeight: 0,
   userData: {},
   gradualColor: [],
-  renderType: "single"
+  renderType: "single",
+  colorFactor: 0.9
 };
 var Graphic = class extends Object3D {
   constructor(context, options) {
@@ -614,6 +615,10 @@ var Graphic = class extends Object3D {
       this.initMaterial();
       this.initMesh();
     });
+    this.addEventListener("change-gradualColor", () => {
+      this.initMaterial();
+      this.initMesh();
+    });
   }
   getCenter() {
     if (this.options.geometry.type === "point") {
@@ -698,7 +703,7 @@ var Graphic = class extends Object3D {
       return material;
     }
     const material1 = this.context.materialFactory.createShaderMaterial({
-      gradualColor: [darkenColor(this.options.gradualColor[0], 0.95), darkenColor(this.options.gradualColor[1], 0.95)],
+      gradualColor: [darkenColor(this.options.gradualColor[0], this.options.colorFactor), darkenColor(this.options.gradualColor[1], this.options.colorFactor)],
       center: this.getCenter(),
       maxValue,
       opacity: this.options.fillOpacity,
@@ -964,6 +969,7 @@ var Overlay = class extends EventDispatcher {
 var defaultOptions3 = {
   texts: [{ text: "" }],
   level: 1,
+  icon_position: "bottom",
   collision_enable: true,
   opacity: 1,
   id: "",
@@ -1005,7 +1011,7 @@ var Poi = class extends EventDispatcher2 {
     this.addEventListener("change-icon", ({ value }) => {
       if (value) {
         if (!this.img) {
-          this.div.appendChild(this.initIcon());
+          this.addIcon();
           this._changePosition();
         } else {
           this.img.setAttribute("src", value);
@@ -1019,11 +1025,7 @@ var Poi = class extends EventDispatcher2 {
     });
     this.addEventListener("change-texts", ({ value }) => {
       this.div.removeChild(this.textDiv);
-      if (this.div.firstChild) {
-        this.div.insertBefore(this.initText(), this.div.firstChild);
-      } else {
-        this.div.appendChild(this.initText());
-      }
+      this.addText();
       this.resetSize();
     });
     this.addEventListener("change-opacity", ({ value }) => {
@@ -1081,9 +1083,10 @@ var Poi = class extends EventDispatcher2 {
   }
   initDiv() {
     const div = document.createElement("div");
-    div.appendChild(this.initText());
+    this.div = div;
+    this.addText();
     if (this.options.icon) {
-      div.appendChild(this.initIcon());
+      this.addIcon();
     }
     div.style.fontSize = `12px`;
     div.style.textShadow = `#fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0`;
@@ -1096,10 +1099,35 @@ var Poi = class extends EventDispatcher2 {
     this.overlay.div.style.pointerEvents = `none`;
     this.overlay.div.style.userSelect = `none`;
     this.overlay.div.appendChild(div);
-    this.div = div;
     this.resetSize();
     return div;
   }
+  addIcon() {
+    if (!this.img) {
+      const icon = this.initIcon();
+      if (this.options.icon_position === "top") {
+        if (this.div.firstChild) {
+          this.div.insertBefore(icon, this.div.firstChild);
+        } else {
+          this.div.appendChild(icon);
+        }
+      } else {
+        this.div.appendChild(icon);
+      }
+    }
+  }
+  addText() {
+    const text = this.initText();
+    if (this.options.icon_position === "top") {
+      this.div.appendChild(text);
+    } else {
+      if (this.div.firstChild) {
+        this.div.insertBefore(text, this.div.firstChild);
+      } else {
+        this.div.appendChild(text);
+      }
+    }
+  }
   getPosition() {
     return this.position;
   }