@aibee/crc-bmap 0.0.89 → 0.0.91

package/lib/bmap.esm.js

@@ -500,7 +500,8 @@ import {
   Box3,
   Vector3 as Vector32,
   BufferGeometry,
-  LineSegments
+  LineSegments,
+  Ray
 } from "three";
 var defaultOptions = {
   id: "",
@@ -642,7 +643,7 @@ var Graphic = class extends Object3D {
   }
   getPosition() {
     const center2 = this.getCenter();
-    center2.setZ(center2.z + this.options.height);
+    center2.setZ(center2.z + this.options.height / 2);
     return center2;
   }
   init() {
@@ -685,31 +686,67 @@ var Graphic = class extends Object3D {
     this.material = [material, material1];
     return [material, material1];
   }
+  // createMesh(pos: Vector3, color = 0xff0000) { 
+  //   const geometry = new BoxGeometry(1, 1, 1)
+  //   const material = new MeshBasicMaterial({ color })
+  //   const mesh = new Mesh(geometry, material)
+  //   mesh.position.copy(pos)
+  //   this.context.scene.add(mesh)
+  // }
+  // createLine(points: Vector3[], color = 0xff0000) {
+  //   const material = new LineBasicMaterial({
+  //     color: color
+  //   });
+  //   const geometry = new BufferGeometry().setFromPoints(points);
+  //   const line = new Line( geometry, material );
+  //   this.context.scene.add(line)
+  // }
+  getMaxAndMin(pos, dir) {
+    const box = new Box3().setFromObject(this);
+    const minOrigin = pos.clone().add(dir.clone().multiplyScalar(1e3));
+    const raycaster = new Ray(minOrigin, dir.clone().multiplyScalar(-1));
+    const min = new Vector32();
+    raycaster.intersectBox(box, min);
+    const maxOrigin = pos.clone().add(dir.clone().multiplyScalar(-1e3));
+    const raycaster2 = new Ray(maxOrigin, dir.clone());
+    const max = new Vector32();
+    raycaster2.intersectBox(box, max);
+    return {
+      max,
+      min
+    };
+  }
   initGradualMaterial() {
     const { max, min } = new Box3().setFromObject(this);
     const _max = max.clone().sub(min);
     const maxValue = Math.max(_max.x, _max.y, _max.z) / 2;
+    const pos = this.getPosition();
+    const dir = new Vector32(-1, 0.2, 0).normalize();
+    const { max: __max, min: _min } = this.getMaxAndMin(pos, dir);
     const material = this.context.materialFactory.createShaderMaterial({
       gradualColor: this.options.gradualColor,
       center: this.getPosition(),
       maxValue,
       opacity: this.options.fillOpacity,
       direction: new Vector32(-1, 0.2, 0),
-      max,
-      min
+      max: __max,
+      min: _min
     });
     if (this.options.height <= 0.1) {
       this.material = material;
       return material;
     }
+    const center2 = this.getCenter();
+    const dir2 = new Vector32(-1, 0.2, 1).normalize();
+    const { max: ___max, min: __min } = this.getMaxAndMin(center2, dir2);
     const material1 = this.context.materialFactory.createShaderMaterial({
       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,
       direction: new Vector32(-1, 0.2, 1),
-      max,
-      min
+      max: ___max,
+      min: __min
     });
     this.material = [material, material1];
     return [material, material1];
@@ -969,6 +1006,7 @@ var Overlay = class extends EventDispatcher {
 var defaultOptions3 = {
   texts: [{ text: "" }],
   level: 1,
+  icon_position: "bottom",
   collision_enable: true,
   opacity: 1,
   id: "",
@@ -1010,7 +1048,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);
@@ -1024,11 +1062,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 }) => {
@@ -1086,9 +1120,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`;
@@ -1101,10 +1136,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;
   }
@@ -2419,7 +2479,14 @@ var HoverHelper = class extends EventDispatcher5 {
 };
 
 // src/factory/material.ts
-import { Color as Color4, LineBasicMaterial as LineBasicMaterial2, MeshStandardMaterial as MeshStandardMaterial2, MeshBasicMaterial as MeshBasicMaterial3, ShaderMaterial as ShaderMaterial2, DoubleSide as DoubleSide4 } from "three";
+import {
+  Color as Color4,
+  LineBasicMaterial as LineBasicMaterial2,
+  MeshStandardMaterial as MeshStandardMaterial2,
+  MeshBasicMaterial as MeshBasicMaterial3,
+  ShaderMaterial as ShaderMaterial2,
+  DoubleSide as DoubleSide4
+} from "three";
 function vectorToString(vector) {
   return `${vector.x}-${vector.y}-${vector.z}`;
 }
@@ -2476,8 +2543,18 @@ var MaterialFactory = class {
     this.meshBasicMaterialMap.set(key, material);
     return material;
   }
-  createShaderMaterial({ gradualColor, center: center2, maxValue, opacity, direction, max, min }) {
-    const key = `${gradualColor.toString()}-${vectorToString(center2)}-${maxValue}-${opacity}-${vectorToString(direction)}`;
+  createShaderMaterial({
+    gradualColor,
+    center: center2,
+    maxValue,
+    opacity,
+    direction,
+    max,
+    min
+  }) {
+    const key = `${gradualColor.toString()}-${vectorToString(
+      center2
+    )}-${maxValue}-${opacity}-${vectorToString(direction)}`;
     if (this.shaderMaterialMap.has(key)) {
       return this.shaderMaterialMap.get(key);
     }
@@ -2492,11 +2569,23 @@ var MaterialFactory = class {
     varying vec3 vColor; 
 
     void main() {
+      vec3 lineVec = uMax - uMin; // \u7EBF\u6BB5AB\u7684\u65B9\u5411\u5411\u91CF
+      vec3 AP = position - uMin; // \u5411\u91CFAP
+      float t = dot(AP, lineVec) / dot(lineVec, lineVec); // \u53C2\u6570t
+      t = clamp(t, 0.0, 1.0); // \u9650\u5236t\u5728[0, 1]\u8303\u56F4\u5185\uFF0C\u786E\u4FDD\u6700\u77ED\u8DDD\u79BB\u5728\u7EBF\u6BB5AB\u4E0A
+  
+      vec3 closestPoint = uMin + t * lineVec; // \u6700\u77ED\u8DDD\u79BB\u70B9\u7684\u4F4D\u7F6E
+      vec3 vecAP = closestPoint - uMin; // \u5411\u91CFAP'
+      float distance = length(vecAP);
+      float maxLen = length(lineVec);
+
       vec3 direction = normalize(uDirection);
+      float gradient = dot(normalize(normal), normalize(uDirection));
       vec3 currentPosition = position - center;
-      float colorFactor = (dot(direction, currentPosition) / maxValue) * 0.5 + 0.5;
+      // float colorFactor = (dot(direction, currentPosition) / maxValue) * 0.5 + 0.5;
+      float colorFactor = distance / maxLen;
 
-      vColor = mix(uColor, uGradualColor, colorFactor);
+      vColor = mix(uColor, uGradualColor, 1.0 - t);
       gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
     }
     `;