@aibee/crc-bmap 0.0.3-gamma

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

@@ -0,0 +1,18 @@
+import { Context } from "../context";
+import { EventDispatcher, Object3D, Vector3 } from "three";
+export declare class Overlay extends EventDispatcher {
+    private context;
+    div: HTMLDivElement;
+    private element?;
+    position: Vector3;
+    constructor(context: Context);
+    initDiv(): HTMLDivElement;
+    bindElement(element: Object3D): void;
+    unBindElement(): void;
+    setVisible(visible: boolean, display?: string): void;
+    getPosition(): Vector3;
+    onUpdate: () => void;
+    registryEvent(): void;
+    unRegistryEvent(): void;
+    dispose(): void;
+}

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

@@ -0,0 +1,34 @@
+import { Object3D, Object3DEventMap } from 'three';
+import { Context } from '../context';
+export interface PoiOptions {
+    text: string;
+    icon?: string;
+    icon_size?: [number, number];
+    level: number;
+    collision_enable: boolean;
+}
+type PoiEventMap = {
+    [K in keyof PoiOptions as `change-${K}`]: {
+        value: PoiOptions[K];
+    };
+} & Object3DEventMap;
+export type PoiOptionsParam = Partial<PoiOptions>;
+export declare class Poi extends Object3D<PoiEventMap> {
+    private context;
+    private span;
+    private img?;
+    private overlay;
+    options: PoiOptions;
+    constructor(context: Context, options: PoiOptionsParam);
+    initDiv(): HTMLDivElement;
+    initText(): HTMLSpanElement;
+    initIcon(): HTMLImageElement;
+    private _changePosition;
+    registryEvent(): void;
+    unRegistryEvent(): void;
+    setVisible(visible: boolean): void;
+    getBox(): DOMRect;
+    isContain(x: number, y: number): boolean;
+    dispose(): void;
+}
+export {};

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

@@ -0,0 +1,14 @@
+import { Object3D, PlaneGeometry, DirectionalLight, Mesh, ShadowMaterial } from 'three';
+export declare class Shadow extends Object3D {
+    private directionalLight;
+    private plane;
+    basicOpacity: number;
+    constructor();
+    initLight(): DirectionalLight;
+    changeLightColor(color: number | string): void;
+    initPlane(): Mesh<PlaneGeometry, ShadowMaterial, import("three").Object3DEventMap>;
+    setTarget(target: Object3D): void;
+    transformOpacity(opacity: number): number;
+    setOpacity(opacity: number): void;
+    dispose(): void;
+}

package/lib/src/elements/svg-line.d.ts

@@ -0,0 +1,28 @@
+import { Context } from "../context";
+import { Vector3 } from "three";
+import { BaseSvg } from './base-svg';
+interface SvgLineEventMap {
+    'distance': {
+        distance: number;
+    };
+}
+export declare class SvgLine extends BaseSvg<SvgLineEventMap> {
+    context: Context;
+    private circles;
+    private line;
+    constructor(context: Context);
+    setEnable(enable: boolean): void;
+    registryEvent(): void;
+    unRegistryEvent(): void;
+    onUpdate: () => void;
+    onPointermove: (e: PointerEvent) => void;
+    onPointerleave: () => void;
+    onPointerdown: (e: PointerEvent) => void;
+    addPoint(vector: Vector3): void;
+    /**
+     * 计算两个点之间的距离
+     */
+    calculatedDistance(): number;
+    dispose(): void;
+}
+export {};

package/lib/src/elements/svg-polygon.d.ts

@@ -0,0 +1,33 @@
+import { Context } from "../context";
+import { BaseSvg } from "./base-svg";
+import { Vector3 } from "three";
+interface SvgPolygonEventMap {
+    'area': {
+        area: number;
+    };
+}
+export declare class SvgPolygon extends BaseSvg<SvgPolygonEventMap> {
+    private circles;
+    private lines;
+    private isClose;
+    constructor(context: Context);
+    setEnable(enable: boolean): void;
+    private get lastLine();
+    private addCircle;
+    private addLine;
+    registryEvent(): void;
+    unRegistryEvent(): void;
+    onUpdate: () => void;
+    onPointermove: (e: PointerEvent) => void;
+    onPointerleave: () => void;
+    onPointerdown: (e: PointerEvent) => void;
+    /**
+     * 检测是否可以吸附
+     * 坐标点最少3个  传入的坐标点和第一个坐标的像素相差不超过5个像素
+     */
+    checkAdsorb(x: number, y: number): boolean;
+    addPoint(vector: Vector3): void;
+    calculatedArea(): number;
+    dispose(): void;
+}
+export {};

package/lib/src/index.d.ts

@@ -0,0 +1,4 @@
+export * from './bmap';
+export * from './utils';
+export * from './elements';
+export * from './config';

package/lib/src/layer/graphic-layer.d.ts

@@ -0,0 +1,16 @@
+import { Graphic, GraphicOptionsParam } from "../elements";
+import { Raycaster, Vector3 } from "three";
+import { Layer } from "./layer";
+import { Context } from "../context";
+export declare class GraphicLayer extends Layer {
+    constructor(context: Context);
+    createGraphic(options: GraphicOptionsParam): Graphic;
+    /**
+     * 获取射线相交的元素
+     * @param raycaster
+     */
+    getGraphicByRaycaster(raycaster: Raycaster): {
+        graphics: Graphic[];
+        position: Vector3 | null;
+    };
+}

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

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

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

@@ -0,0 +1,7 @@
+import { Context } from "../context";
+import { Object3D } from "three";
+export declare class Layer extends Object3D {
+    context: Context;
+    constructor(context: Context);
+    dispose(): void;
+}

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

@@ -0,0 +1,24 @@
+import { Poi, PoiOptionsParam } from "../elements";
+import { Layer } from "./layer";
+import { Context } from '../context';
+export declare class PoiLayer extends Layer {
+    pois: Poi[];
+    constructor(context: Context);
+    createPoi(options: PoiOptionsParam): Poi;
+    changePoiLevelOrCollisionEnable(poi: Poi): void;
+    removePoi(poi: Poi): void;
+    /**
+     * 保存poi按照level排序
+     * @param poi
+     */
+    pushPoi(poi: Poi): void;
+    getPoiByDeviceXy(x: number, y: number): import("three").Object3D<import("three").Object3DEventMap>[];
+    onUpdate: () => void;
+    /**
+     * 碰撞检测
+     */
+    collisionDetection(): void;
+    registryEvent(): void;
+    unRegistryEvent(): void;
+    dispose(): void;
+}

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

@@ -0,0 +1,19 @@
+import { Coordinate } from 'src/types';
+import { Vector3, Camera } from 'three';
+/**
+ * 3D坐标转屏幕坐标
+ * @param vector
+ * @param camera
+ * @param w container的宽
+ * @param h container的高
+ * @returns
+ */
+export declare function vector3ToDevice(vector: Vector3, camera: Camera, w: number, h: number): {
+    x: number;
+    y: number;
+};
+/**
+ * 获取多变形的中心点
+ * @param coordinates
+ */
+export declare function getCenter(coordinates: Coordinate[]): import("@turf/turf").Position;

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

@@ -0,0 +1,2 @@
+import { Object3D } from 'three';
+export declare function dispose(o: Object3D, recursive?: boolean): void;

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

@@ -0,0 +1,9 @@
+export * from './timer';
+export * from './init-helper';
+export * from './dispose';
+export * from './texture';
+export * from './rules';
+export * from './coordinate';
+export * from './proxy';
+export * from './promise';
+export * from './svg';

package/lib/src/utils/init-helper.d.ts

@@ -0,0 +1,10 @@
+import { Coordinate } from 'src/types';
+import { Scene, WebGLRenderer, OrthographicCamera, Shape, Group, DirectionalLight } from 'three';
+import { MapControls } from 'three/examples/jsm/controls/MapControls';
+export declare function initScene(): Scene;
+export declare function initRenderer(): WebGLRenderer;
+export declare function initCamera(width: number, height: number): OrthographicCamera;
+export declare function initLight(): Group<import("three").Object3DEventMap>;
+export declare function initControl(camera: OrthographicCamera, domElement: HTMLCanvasElement): MapControls;
+export declare function initShape(path: Coordinate[]): Shape;
+export declare function initDirectionalLight(color?: number, intensity?: number): DirectionalLight;

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

@@ -0,0 +1,7 @@
+/**
+ * 可以设置超时时间的promise
+ * @param promise
+ * @param timeout
+ * @returns
+ */
+export declare function timeoutPromise<T>(promise: Promise<T>, timeout: number): Promise<T>;

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

@@ -0,0 +1,6 @@
+import { EventDispatcher } from 'three';
+export declare function proxyOptions<T extends Record<string, any>, M extends {
+    [K in keyof T as `change-${Extract<K, string>}`]: {
+        value: T[K];
+    };
+}>(target: T, master: EventDispatcher<M>): T;

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

@@ -0,0 +1 @@
+export declare function hasChinese(str: string): boolean;

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

@@ -0,0 +1,22 @@
+export declare function createSvgElement(tag: string): SVGElement;
+/**
+ * 创建svg
+ */
+export declare function createSvg(w: string, h: string): SVGElement;
+/**
+ * 创建圆点
+ * @param radius
+ */
+export declare function createCircle(radius: string | undefined, fill: string): SVGElement;
+/**
+ * 创建线
+ * @param stroke
+ */
+export declare function createLine(stroke: string): SVGElement;
+export declare function setCirclePosition(circle: SVGElement, x: number, y: number): void;
+type Position = {
+    x: number;
+    y: number;
+};
+export declare function setLineStartEnd(line: SVGElement, start?: Position, end?: Position): void;
+export {};

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

@@ -0,0 +1,9 @@
+import { DataTexture } from 'three';
+export declare function initCanvas(): {
+    canvas: HTMLCanvasElement;
+    ctx: CanvasRenderingContext2D;
+};
+export declare function createCanvas(): void;
+export declare function getTextureByText(text: string): DataTexture;
+export declare function clearTextTexture(): void;
+export declare function clearCanvas(): void;

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

@@ -0,0 +1,20 @@
+type Fn = (...arg: any) => any;
+/**
+ * 任务管理器
+ * 在类销毁的时候，要清除所有的异步定时器
+ */
+export declare class Timer {
+    tasks: {
+        requestAnimation: Set<number>;
+        timeout: Set<number>;
+        interval: Set<number>;
+    };
+    requestAnimationFrame(fn: Fn): number;
+    cancelAnimationFrame(timer: number): void;
+    setTimeout(fn: Fn, wait: number): number;
+    clearTimeout(timer: number): void;
+    setInterval(fn: Fn, wait: number): number;
+    clearInterval(timer: number): void;
+    dispose(): void;
+}
+export {};

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@aibee/crc-bmap",
+  "version": "0.0.3-gamma",
+  "description": "",
+  "main": "lib/bmap.min.js",
+  "module": "lib/bmap.esm.min.js",
+  "types": "lib/src/index.d.ts",
+  "files": [
+    "lib",
+    "example"
+  ],
+  "scripts": {
+    "build": "pnpm clean && pnpm build:min",
+    "build:min": "ts-node ./build/index.ts",
+    "gen-type": "tsc",
+    "clean": "rm -rf lib",
+    "lint": "eslint src/**/*.ts",
+    "start": "cd example && vite",
+    "publish:all": "npm publish --registry https://registry.npmjs.org --access public && npm publish --registry https://npm.aibee.cn"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@types/lodash": "^4.14.199",
+    "@types/node": "^20.8.3",
+    "@types/three": "^0.156.0",
+    "@types/tween.js": "^18.6.1",
+    "esbuild": "^0.19.4",
+    "eslint": "^8.51.0",
+    "eslint-plugin-prettier": "^5.0.0",
+    "prettier": "^3.0.3",
+    "ts-node": "^10.7.0",
+    "typescript": "^5.2.2",
+    "vite": "^4.4.11"
+  },
+  "dependencies": {
+    "@mars3d/heatmap.js": "^2.0.7",
+    "@turf/turf": "^6.5.0",
+    "@tweenjs/tween.js": "^21.0.0",
+    "lodash": "^4.17.21",
+    "three": "^0.157.0"
+  }
+}