@aibee/crc-bmap 0.0.129 → 0.0.130

package/lib/src/bmap.d.ts

@@ -2,7 +2,7 @@ import { EventDispatcher, Object3D, Vector3 } from "three";
 import { Context } from "./context";
 import { Timer, HooksName } from "./utils";
 import { Config } from "./config";
-import { Floor, Graphic, HeatmapDataParam, ModelOptions, PoiOptionsParam } from "./elements";
+import { Floor, Graphic, HeatmapDataParam, ModelOptions, Poi, Poi2, PoiOptionsParam } from "./elements";
 import { SvgLine, SvgPolygon } from "./elements";
 import { GraphicInfo, GraphicOptions, LoadQuery } from "./types";
 import { Plugin } from "./plugins/base";
@@ -82,7 +82,7 @@ export declare class BMap extends EventDispatcher<BmapEventMap> {
      * @returns
      */
     getFloorAllGraphics(): Graphic[];
-    createGraphicPoi(graphic: Graphic, options: PoiOptionsParam): import("./elements").Poi | null;
+    createGraphicPoi(graphic: Graphic, options: PoiOptionsParam): Poi | null;
     removeHeatMap(): void;
     /**
      * 移动相机位置让选中的元素居中显示
@@ -162,9 +162,9 @@ export declare class BMap extends EventDispatcher<BmapEventMap> {
     getGraphicByNodeId(nodeId: string): Graphic | null;
     deleteGraphic(graphic: Graphic): void;
     createGraphicByOptions(options: GraphicOptions): Graphic | undefined;
-    removePoiById(id: string): void | undefined;
-    getPoiById(id: string): import("./elements").Poi | null | undefined;
-    getPois(): import("./elements").Poi[];
+    removePoiById(id: string): void;
+    getPoiById(id: string): Poi | Poi2 | null | undefined;
+    getPois(): (Poi | Poi2)[];
     clearPoi(): void;
     removeSelectGraphic(graphic: Graphic): void;
     resize: () => void;

package/lib/src/context.d.ts

@@ -1,7 +1,7 @@
 import { MapControls } from "three/examples/jsm/controls/MapControls";
 import { Timer } from "./utils";
 import { EventDispatcher, OrthographicCamera, Vector3, Object3D } from "three";
-import { Graphic, Poi, Floor } from "./elements";
+import { Graphic, Poi, Floor, Poi2 } from "./elements";
 import { Group as TweenGroup } from "@tweenjs/tween.js";
 import { Config } from "./config";
 import { Selection } from "./operations/selection/selection";
@@ -46,6 +46,9 @@ export interface ContextEventMap {
         width: number;
         height: number;
     };
+    "control-zoom-change": {
+        zoom: number;
+    };
 }
 export declare class Context extends EventDispatcher<ContextEventMap> {
     container: HTMLElement;
@@ -71,6 +74,7 @@ export declare class Context extends EventDispatcher<ContextEventMap> {
         y: number;
     };
     renderRf: number;
+    prevCameraZoom: number;
     constructor(container: HTMLElement, config: Config);
     resizeClientSize(): void;
     init(): void;
@@ -98,7 +102,7 @@ export declare class Context extends EventDispatcher<ContextEventMap> {
      * @param y
      * @returns
      */
-    getPoisByDeviceXy(x: number, y: number): Poi[];
+    getPoisByDeviceXy(x: number, y: number): (Poi | Poi2)[];
     onPointerover: (e: PointerEvent) => void;
     onPointermove: (e: PointerEvent) => void;
     onPointerleave: (e: PointerEvent) => void;

package/lib/src/elements/floor.d.ts

@@ -1,15 +1,16 @@
 import { Context } from "../context";
-import { Object3D, Vector3 } from "three";
+import { Box3, Object3D, Vector3 } from "three";
 import { Graphic, GraphicOptionsParam } from "./graphic";
 import { Shadow } from "./shadow";
 import { PoiOptionsParam } from "./poi";
 import { HeatmapDataParam, HeatmapElement } from './heatmap';
 import { Model, ModelOptions } from "./model";
-import { Layer, GraphicLayer, PoiLayer } from "../layer";
+import { Layer, GraphicLayer, PoiLayer, PoiLayer2 } from "../layer";
 export declare class Floor extends Object3D {
     context: Context;
     graphicLayer: GraphicLayer;
     poiLayer: PoiLayer;
+    poiLayer2: PoiLayer2;
     wallLayer: Layer;
     textureLayer: Layer;
     glbModelLayer: Layer;
@@ -25,6 +26,7 @@ export declare class Floor extends Object3D {
     groundMaxHeight: number;
     name: string;
     key: string;
+    box: Box3;
     constructor(context: Context);
     getPosition(): Vector3;
     createGround(options: GraphicOptionsParam): void;
@@ -40,5 +42,6 @@ export declare class Floor extends Object3D {
     removeHeatMap(): void;
     setShadowOpacity(opacity: number): void;
     setShadowVisible(visible: boolean): void;
+    updateBox(): void;
     dispose(): void;
 }

package/lib/src/elements/index.d.ts

@@ -14,3 +14,4 @@ export * from './ground-texture';
 export * from './glb-model';
 export * from './lane';
 export * from './merge-graphic';
+export * from './poi2';

package/lib/src/elements/poi2.d.ts

@@ -0,0 +1,53 @@
+import { Context } from "../context";
+import { Box2, Object3D, Object3DEventMap, Sprite, Vector3 } from "three";
+export interface PoiOptions2 {
+    text: string;
+    icon: string;
+    icon_size: [number, number];
+    level: number;
+    collision_enable: boolean;
+    opacity: number;
+    id: string;
+    position: {
+        x: number;
+        y: number;
+        z: number;
+    };
+    text_font_size: number;
+}
+type PoiEventMap2 = {
+    [K in keyof PoiOptions2 as `change-${K}`]: {
+        value: PoiOptions2[K];
+    };
+} & Object3DEventMap;
+export type PoiOptionsParam2 = Partial<PoiOptions2>;
+export declare class Poi2 extends Object3D<PoiEventMap2> {
+    context: Context;
+    options: PoiOptions2;
+    textAspect: number;
+    spriteText?: Sprite;
+    spriteIcon?: Sprite;
+    box: Box2;
+    boxHelper?: HTMLDivElement;
+    constructor(context: Context, options: PoiOptionsParam2);
+    get durIconAndText(): 0 | 2;
+    get offset(): 0 | 0.5;
+    get iconWidth(): number;
+    get iconHeight(): number;
+    get textWidth(): number;
+    get textHeight(): number;
+    get deltaZ(): number;
+    registryEvent(): void;
+    unRegistryEvent(): void;
+    initIcon(): Promise<void>;
+    initText(): void;
+    initSize(): void;
+    init(): Promise<void>;
+    private _initScale;
+    resetZ(): void;
+    getBox(v3: Vector3): Box2;
+    renderBoxHelper(): void;
+    parentSetVisible(visible: boolean): void;
+    dispose(): void;
+}
+export {};

package/lib/src/layer/index.d.ts

@@ -1,3 +1,4 @@
 export * from './graphic-layer';
 export * from './poi-layer';
+export * from './poi-layer2';
 export * from './layer';

package/lib/src/layer/poi-layer2.d.ts

@@ -0,0 +1,30 @@
+import { Poi2, PoiOptionsParam2 } from "../elements";
+import { Layer } from "./layer";
+import { Context } from "../context";
+import { Timer } from "../utils";
+export declare class PoiLayer2 extends Layer {
+    pois: Poi2[];
+    debounceCollisionDetection: () => void;
+    timer: Timer;
+    constructor(context: Context);
+    clear(): this;
+    createPoi(options: PoiOptionsParam2): Poi2;
+    changePoiLevelOrCollisionEnable(poi: Poi2): void;
+    removePoi(poi: Poi2): void;
+    removePoiById(id: string): void;
+    getPoiById(id: string): Poi2 | null;
+    /**
+     * 保存poi按照level排序
+     * @param poi
+     */
+    pushPoi(poi: Poi2): void;
+    getPoiByDeviceXy(x: number, y: number): Poi2[];
+    onUpdate: () => void;
+    /**
+     * 碰撞检测
+     */
+    collisionDetection(): void;
+    registryEvent(): void;
+    unRegistryEvent(): void;
+    dispose(): void;
+}

package/lib/src/plugins/navigation/navigation.d.ts

@@ -2,14 +2,16 @@ import { BMap } from "../../bmap";
 import { Plugin } from "../base";
 import { Path, PathConfig } from "./path";
 import { End, PathData, RoadData, RouteType, Start, UniqueKey } from "../../utils";
-import { Floor, Poi, PoiOptions } from "../../elements";
+import { Floor, Poi2, PoiOptions } from "../../elements";
 import { Group as TweenGroup } from "@tweenjs/tween.js";
 export type Point = [number, number];
 interface EventMap {
     "fetch-road-status": {
         status: boolean;
     };
-    "path-animation": {};
+    "path-animation": {
+        pathIndex: number;
+    };
     "path-animation-end": {};
     "fetch-road-data": {
         roadInfo: RoadData[];
@@ -32,7 +34,9 @@ export declare class Navigation extends Plugin<EventMap> {
     paths: PathData;
     options: NavigationConfig;
     pathTween: TweenGroup;
-    startPoi: Poi | null;
+    startPoi: Poi2 | null;
+    movedDistance: number;
+    pathStart: [number, number];
     animationPathOptions: {
         cPathIndex: number;
     };
@@ -57,13 +61,17 @@ export declare class Navigation extends Plugin<EventMap> {
     /**
      * 按照指定速度移动到目标位置
      * @param point 目标位置
-     * @param speed 移动速度
+     * @param speed 移动速度 / 米/s
      */
     animationTo(point: {
         floor: string;
         pos: [number, number];
     }, speed?: number): Promise<unknown>;
-    kmPerHourToMetersPerSecond(speedInKmPerHour: number): number;
+    getPathDirection(): number | null;
+    changeCameraToPathUp(duration?: number): Promise<unknown>;
+    initNavigationCamera(): Promise<void>;
+    translateCameraToStartPoi(duration?: number): Promise<unknown>;
+    initCameraZoom(duration?: number): Promise<unknown>;
     dispose(): void;
 }
 export {};

package/lib/src/plugins/navigation/path.d.ts

@@ -15,7 +15,9 @@ export declare class Path extends Object3D {
     texture: Texture | null;
     config: PathConfig;
     points: [number, number][];
+    pathDistance: number;
     basicRepeat: number;
+    prevCameraZoom: number;
     constructor(navigation: Navigation, config?: Partial<PathConfig>);
     registryEvent(): void;
     unRegistryEvent(): void;
@@ -26,6 +28,7 @@ export declare class Path extends Object3D {
     loadTexture(url: string): Promise<Texture>;
     transformPoints(points: [number, number][]): number[];
     updatePoints(points: [number, number][]): void;
+    movePath(distance: number): void;
     create(points: [number, number][]): Promise<Mesh<any, any, import("three").Object3DEventMap>>;
     dispose(): void;
 }

package/lib/src/utils/camera-bound.d.ts

@@ -1,9 +1,12 @@
+import { Box3 } from "three";
 import { Context } from "../context";
 export declare class CameraBound {
     private context;
     private prevCamera;
     private enable;
+    box: Box3;
     constructor(context: Context);
+    updateBox(): void;
     setEnable(enable: boolean): void;
     changePrevCamera(): void;
     backToPrevCamera(): void;

package/lib/src/utils/path.d.ts

@@ -1,3 +1,5 @@
+import { Vector2 } from "three";
+export declare function getAngle(vec0: Vector2, vec1: Vector2): number;
 export declare function smoothPath(path: [number, number][], threshold?: number): [number, number][];
 /**
  * 路径简化

package/lib/src/utils/texture.d.ts

@@ -1,4 +1,4 @@
-import { DataTexture } from 'three';
+import { DataTexture, Texture } from 'three';
 export declare function initCanvas(): {
     canvas: HTMLCanvasElement;
     ctx: CanvasRenderingContext2D;
@@ -7,3 +7,4 @@ export declare function createCanvas(): void;
 export declare function getTextureByText(text: string): DataTexture;
 export declare function clearTextTexture(): void;
 export declare function clearCanvas(): void;
+export declare function getTextureByUrl(url: string): Promise<Texture>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aibee/crc-bmap",
-  "version": "0.0.129",
+  "version": "0.0.130",
   "description": "",
   "main": "lib/bmap.min.js",
   "module": "lib/bmap.esm.js",