@aibee/crc-bmap 0.8.3 → 0.8.4

package/lib/bmap.esm.js

@@ -1797,6 +1797,18 @@ function vector3ToDevice(vector, camera, w, h) {
   const y = Math.round(-_vector.y * _h + _h);
   return { x, y };
 }
+function deviceToVector3(x, y, w, h, camera) {
+  if (!camera) {
+    return null;
+  }
+  w = Math.min(1, w);
+  h = Math.min(1, h);
+  const nx = x / w * 2 - 1;
+  const ny = 1 - y / h * 2;
+  const v = new Vector3(nx, ny, 0);
+  const coordinate3 = v.unproject(camera);
+  return coordinate3;
+}
 function getCenter(coordinates) {
   const features = featureCollection(coordinates.map((item) => point(item)));
   const cent = center(features);
@@ -6573,7 +6585,7 @@ var Lane = class extends Object3D12 {
         geometry.setPositions(vec);
         const line = new Line22(geometry, material);
         line.computeLineDistances();
-        line.position.z += 1e-3;
+        line.position.z += 0.01;
         this.add(line);
         return line;
       });
@@ -6600,7 +6612,6 @@ var Lane = class extends Object3D12 {
     if (this.options[0].strokeOpacity !== 0) {
       this.initLineMaterial();
       this.initLineGeometry();
-      this.createBorder();
     }
     this.initDoubleLine();
     this.position.z += 2e-3 + (this.options[0].deltaHeight || 0);
@@ -7608,11 +7619,9 @@ var CameraBound = class {
 
 // src/context/control.ts
 import { Vector3 as Vector321 } from "three";
+import { Tween as Tween2, Group as TweenGroup } from "@tweenjs/tween.js";
 
-// node_modules/.pnpm/three@0.157.0/node_modules/three/examples/jsm/controls/MapControls.js
-import { MOUSE as MOUSE2, TOUCH as TOUCH2 } from "three";
-
-// node_modules/.pnpm/three@0.157.0/node_modules/three/examples/jsm/controls/OrbitControls.js
+// src/context/OrbitControls.ts
 import {
   EventDispatcher as EventDispatcher7,
   MOUSE,
@@ -7625,13 +7634,60 @@ import {
   Ray as Ray2,
   MathUtils
 } from "three";
-var _changeEvent = { type: "change" };
-var _startEvent = { type: "start" };
-var _endEvent = { type: "end" };
 var _ray = new Ray2();
 var _plane = new Plane();
 var TILT_LIMIT = Math.cos(70 * MathUtils.DEG2RAD);
 var OrbitControls = class extends EventDispatcher7 {
+  object;
+  domElement;
+  rotateLineStart = new Vector211();
+  rotateLineEnd = new Vector211();
+  enabled;
+  target;
+  minDistance;
+  maxDistance;
+  minZoom;
+  maxZoom;
+  minPolarAngle;
+  maxPolarAngle;
+  minAzimuthAngle;
+  maxAzimuthAngle;
+  dampingFactor;
+  enableDamping;
+  enableZoom;
+  zoomSpeed;
+  enableRotate;
+  rotateSpeed;
+  enablePan;
+  panSpeed;
+  screenSpacePanning;
+  keyPanSpeed;
+  zoomToCursor;
+  autoRotate;
+  autoRotateSpeed;
+  keys;
+  mouseButtons;
+  touches;
+  target0;
+  position0;
+  zoom0;
+  _domElementKeyEvents;
+  spherical = new Spherical();
+  sphericalDelta = new Spherical();
+  getPolarAngle;
+  getAzimuthalAngle;
+  getDistance;
+  listenToKeyEvents;
+  stopListenToKeyEvents;
+  saveState;
+  reset;
+  update;
+  onContextMenu;
+  onPointerDown;
+  onPointerUp;
+  onMouseWheel;
+  onPointerMove;
+  onKeyDown;
   constructor(object, domElement) {
     super();
     this.object = object;
@@ -7655,20 +7711,20 @@ var OrbitControls = class extends EventDispatcher7 {
     this.rotateSpeed = 1;
     this.enablePan = true;
     this.panSpeed = 1;
-    this.screenSpacePanning = true;
     this.keyPanSpeed = 7;
     this.zoomToCursor = false;
     this.autoRotate = false;
     this.autoRotateSpeed = 2;
     this.keys = { LEFT: "ArrowLeft", UP: "ArrowUp", RIGHT: "ArrowRight", BOTTOM: "ArrowDown" };
-    this.mouseButtons = { LEFT: MOUSE.ROTATE, MIDDLE: MOUSE.DOLLY, RIGHT: MOUSE.PAN };
-    this.touches = { ONE: TOUCH.ROTATE, TWO: TOUCH.DOLLY_PAN };
+    this.screenSpacePanning = false;
+    this.mouseButtons = { LEFT: MOUSE.PAN, MIDDLE: MOUSE.DOLLY, RIGHT: MOUSE.ROTATE };
+    this.touches = { ONE: TOUCH.PAN, TWO: TOUCH.DOLLY_ROTATE };
     this.target0 = this.target.clone();
     this.position0 = this.object.position.clone();
     this.zoom0 = this.object.zoom;
     this._domElementKeyEvents = null;
     this.getPolarAngle = function() {
-      return spherical.phi;
+      return this.spherical.phi;
     };
     this.getAzimuthalAngle = function() {
       return spherical.theta;
@@ -7677,11 +7733,11 @@ var OrbitControls = class extends EventDispatcher7 {
       return this.object.position.distanceTo(this.target);
     };
     this.listenToKeyEvents = function(domElement2) {
-      domElement2.addEventListener("keydown", onKeyDown);
+      domElement2.addEventListener("keydown", this.onKeyDown);
       this._domElementKeyEvents = domElement2;
     };
     this.stopListenToKeyEvents = function() {
-      this._domElementKeyEvents.removeEventListener("keydown", onKeyDown);
+      this._domElementKeyEvents?.removeEventListener("keydown", this.onKeyDown);
       this._domElementKeyEvents = null;
     };
     this.saveState = function() {
@@ -7694,7 +7750,7 @@ var OrbitControls = class extends EventDispatcher7 {
       scope.object.position.copy(scope.position0);
       scope.object.zoom = scope.zoom0;
       scope.object.updateProjectionMatrix();
-      scope.dispatchEvent(_changeEvent);
+      scope.dispatchEvent({ type: "change" });
       scope.update();
       state = STATE.NONE;
     };
@@ -7783,7 +7839,7 @@ var OrbitControls = class extends EventDispatcher7 {
             scope.zoomToCursor = false;
           }
           if (newRadius !== null) {
-            if (this.screenSpacePanning) {
+            if (scope.screenSpacePanning) {
               scope.target.set(0, 0, -1).transformDirection(scope.object.matrix).multiplyScalar(newRadius).add(scope.object.position);
             } else {
               _ray.origin.copy(scope.object.position);
@@ -7804,7 +7860,7 @@ var OrbitControls = class extends EventDispatcher7 {
         scale = 1;
         performCursorZoom = false;
         if (zoomChanged || lastPosition.distanceToSquared(scope.object.position) > EPS || 8 * (1 - lastQuaternion.dot(scope.object.quaternion)) > EPS || lastTargetPosition.distanceToSquared(scope.target) > 0) {
-          scope.dispatchEvent(_changeEvent);
+          scope.dispatchEvent({ type: "change" });
           lastPosition.copy(scope.object.position);
           lastQuaternion.copy(scope.object.quaternion);
           lastTargetPosition.copy(scope.target);
@@ -7814,18 +7870,6 @@ var OrbitControls = class extends EventDispatcher7 {
         return false;
       };
     }();
-    this.dispose = function() {
-      scope.domElement.removeEventListener("contextmenu", onContextMenu);
-      scope.domElement.removeEventListener("pointerdown", onPointerDown);
-      scope.domElement.removeEventListener("pointercancel", onPointerUp);
-      scope.domElement.removeEventListener("wheel", onMouseWheel);
-      scope.domElement.removeEventListener("pointermove", onPointerMove);
-      scope.domElement.removeEventListener("pointerup", onPointerUp);
-      if (scope._domElementKeyEvents !== null) {
-        scope._domElementKeyEvents.removeEventListener("keydown", onKeyDown);
-        scope._domElementKeyEvents = null;
-      }
-    };
     const scope = this;
     const STATE = {
       NONE: -1,
@@ -8038,6 +8082,9 @@ var OrbitControls = class extends EventDispatcher7 {
       if (pointers.length === 1) {
         rotateStart.set(pointers[0].pageX, pointers[0].pageY);
       } else {
+        const slope = (pointers[0].pageX - pointers[0].pageY) / (pointers[1].pageX - pointers[1].pageY);
+        const intercept = pointers[0].pageY - slope * pointers[0].pageX;
+        scope.rotateLineStart.set(slope, intercept);
         const x = 0.5 * (pointers[0].pageX + pointers[1].pageX);
         const y = 0.5 * (pointers[0].pageY + pointers[1].pageY);
         rotateStart.set(x, y);
@@ -8074,10 +8121,26 @@ var OrbitControls = class extends EventDispatcher7 {
         const x = 0.5 * (event.pageX + position.x);
         const y = 0.5 * (event.pageY + position.y);
         rotateEnd.set(x, y);
+        const slope = (event.pageY - position.y) / (event.pageX - position.x);
+        const intercept = position.y - slope * position.x;
+        scope.rotateLineEnd.set(slope, intercept);
+        if (Number.isFinite(scope.rotateLineEnd.x) && Number.isFinite(scope.rotateLineStart.x)) {
+          const interceptionX = (scope.rotateLineStart.y - scope.rotateLineEnd.y) / (scope.rotateLineEnd.x - scope.rotateLineStart.x);
+          const interceptionY = slope * interceptionX + intercept;
+          if (Number.isFinite(interceptionX) && Number.isFinite(interceptionY)) {
+            let angleDelta = Math.atan(scope.rotateLineEnd.x) - Math.atan(scope.rotateLineStart.x);
+            if (Math.PI - Math.abs(angleDelta) < 0.5) {
+              angleDelta = -Math.sign(angleDelta) * (Math.PI - Math.abs(angleDelta));
+            }
+            if (Math.abs(angleDelta) < 0.1) {
+              sphericalDelta.theta += angleDelta;
+            }
+          }
+        }
+        scope.rotateLineStart.copy(scope.rotateLineEnd);
       }
       rotateDelta.subVectors(rotateEnd, rotateStart).multiplyScalar(scope.rotateSpeed);
       const element = scope.domElement;
-      rotateLeft(2 * Math.PI * rotateDelta.x / element.clientHeight);
       rotateUp(2 * Math.PI * rotateDelta.y / element.clientHeight);
       rotateStart.copy(rotateEnd);
     }
@@ -8112,12 +8175,13 @@ var OrbitControls = class extends EventDispatcher7 {
       if (scope.enableZoom) handleTouchMoveDolly(event);
       if (scope.enableRotate) handleTouchMoveRotate(event);
     }
-    function onPointerDown(event) {
+    this.onPointerDown = function onPointerDown(event) {
       if (scope.enabled === false) return;
+      console.log(pointers.length, "pointermove");
       if (pointers.length === 0) {
         scope.domElement.setPointerCapture(event.pointerId);
-        scope.domElement.addEventListener("pointermove", onPointerMove);
-        scope.domElement.addEventListener("pointerup", onPointerUp);
+        scope.domElement.addEventListener("pointermove", scope.onPointerMove);
+        scope.domElement.addEventListener("pointerup", scope.onPointerUp);
       }
       addPointer(event);
       if (event.pointerType === "touch") {
@@ -8125,25 +8189,25 @@ var OrbitControls = class extends EventDispatcher7 {
       } else {
         onMouseDown(event);
       }
-    }
-    function onPointerMove(event) {
+    };
+    this.onPointerMove = function onPointerMove(event) {
       if (scope.enabled === false) return;
       if (event.pointerType === "touch") {
         onTouchMove(event);
       } else {
         onMouseMove(event);
       }
-    }
-    function onPointerUp(event) {
+    };
+    this.onPointerUp = function onPointerUp(event) {
       removePointer(event);
       if (pointers.length === 0) {
         scope.domElement.releasePointerCapture(event.pointerId);
-        scope.domElement.removeEventListener("pointermove", onPointerMove);
-        scope.domElement.removeEventListener("pointerup", onPointerUp);
+        scope.domElement.removeEventListener("pointermove", scope.onPointerMove);
+        scope.domElement.removeEventListener("pointerup", scope.onPointerUp);
       }
-      scope.dispatchEvent(_endEvent);
+      scope.dispatchEvent({ type: "end" });
       state = STATE.NONE;
-    }
+    };
     function onMouseDown(event) {
       let mouseAction;
       switch (event.button) {
@@ -8191,7 +8255,7 @@ var OrbitControls = class extends EventDispatcher7 {
           state = STATE.NONE;
       }
       if (state !== STATE.NONE) {
-        scope.dispatchEvent(_startEvent);
+        scope.dispatchEvent({ type: "start" });
       }
     }
     function onMouseMove(event) {
@@ -8210,17 +8274,17 @@ var OrbitControls = class extends EventDispatcher7 {
           break;
       }
     }
-    function onMouseWheel(event) {
+    this.onMouseWheel = function onMouseWheel(event) {
       if (scope.enabled === false || scope.enableZoom === false || state !== STATE.NONE) return;
       event.preventDefault();
-      scope.dispatchEvent(_startEvent);
+      scope.dispatchEvent({ type: "start" });
       handleMouseWheel(event);
-      scope.dispatchEvent(_endEvent);
-    }
-    function onKeyDown(event) {
+      scope.dispatchEvent({ type: "end" });
+    };
+    this.onKeyDown = function onKeyDown(event) {
       if (scope.enabled === false || scope.enablePan === false) return;
       handleKeyDown(event);
-    }
+    };
     function onTouchStart(event) {
       trackPointer(event);
       switch (pointers.length) {
@@ -8260,7 +8324,7 @@ var OrbitControls = class extends EventDispatcher7 {
           state = STATE.NONE;
       }
       if (state !== STATE.NONE) {
-        scope.dispatchEvent(_startEvent);
+        scope.dispatchEvent({ type: "start" });
       }
     }
     function onTouchMove(event) {
@@ -8290,10 +8354,10 @@ var OrbitControls = class extends EventDispatcher7 {
           state = STATE.NONE;
       }
     }
-    function onContextMenu(event) {
+    this.onContextMenu = function onContextMenu(event) {
       if (scope.enabled === false) return;
       event.preventDefault();
-    }
+    };
     function addPointer(event) {
       pointers.push(event);
     }
@@ -8318,27 +8382,28 @@ var OrbitControls = class extends EventDispatcher7 {
       const pointer = event.pointerId === pointers[0].pointerId ? pointers[1] : pointers[0];
       return pointerPositions[pointer.pointerId];
     }
-    scope.domElement.addEventListener("contextmenu", onContextMenu);
-    scope.domElement.addEventListener("pointerdown", onPointerDown);
-    scope.domElement.addEventListener("pointercancel", onPointerUp);
-    scope.domElement.addEventListener("wheel", onMouseWheel, { passive: false });
+    scope.domElement.addEventListener("contextmenu", this.onContextMenu);
+    scope.domElement.addEventListener("pointerdown", this.onPointerDown);
+    scope.domElement.addEventListener("pointercancel", this.onPointerUp);
+    scope.domElement.addEventListener("wheel", this.onMouseWheel, { passive: false });
     this.update();
   }
-};
-
-// node_modules/.pnpm/three@0.157.0/node_modules/three/examples/jsm/controls/MapControls.js
-var MapControls = class extends OrbitControls {
-  constructor(object, domElement) {
-    super(object, domElement);
-    this.screenSpacePanning = false;
-    this.mouseButtons = { LEFT: MOUSE2.PAN, MIDDLE: MOUSE2.DOLLY, RIGHT: MOUSE2.ROTATE };
-    this.touches = { ONE: TOUCH2.PAN, TWO: TOUCH2.DOLLY_ROTATE };
+  dispose() {
+    this.domElement.removeEventListener("contextmenu", this.onContextMenu);
+    this.domElement.removeEventListener("pointerdown", this.onPointerDown);
+    this.domElement.removeEventListener("pointercancel", this.onPointerUp);
+    this.domElement.removeEventListener("wheel", this.onMouseWheel);
+    this.domElement.removeEventListener("pointermove", this.onPointerMove);
+    this.domElement.removeEventListener("pointerup", this.onPointerUp);
+    if (this._domElementKeyEvents !== null) {
+      this._domElementKeyEvents.removeEventListener("keydown", this.onKeyDown);
+      this._domElementKeyEvents = null;
+    }
   }
 };
 
 // src/context/control.ts
-import { Tween as Tween2, Group as TweenGroup } from "@tweenjs/tween.js";
-var Control = class extends MapControls {
+var Control = class extends OrbitControls {
   constructor(context, camera, domElement) {
     super(camera, domElement);
     this.context = context;
@@ -8543,6 +8608,7 @@ var Control = class extends MapControls {
     this.tweenGroup.removeAll();
   }
   dispose() {
+    super.dispose();
     this.clearTween();
   }
 };
@@ -8622,8 +8688,8 @@ var ContextScene = class extends Scene {
 };
 
 // src/context/camera.ts
-import { OrthographicCamera as OrthographicCamera2 } from "three";
-var ContextCamera = class extends OrthographicCamera2 {
+import { OrthographicCamera as OrthographicCamera3 } from "three";
+var ContextCamera = class extends OrthographicCamera3 {
   constructor(width, height) {
     super(-width / 2, width / 2, height / 2, -height / 2, -1e4, 5e4);
     this.up.set(0, 0, 1);
@@ -25309,6 +25375,7 @@ export {
   defaultGraphicOptions,
   defaultOptions3 as defaultOptions,
   defaultTextTextureOptions,
+  deviceToVector3,
   dispose,
   distancePointToSegment,
   generatorKeyByObj,