@poor-knight/cesium-utils 0.4.8 → 0.5.2

package/dist/cesium-utils.d.ts

@@ -1,3 +1,4 @@
+import { Cartesian3 } from 'cesium';
 import * as Cesium from 'cesium';
 import { default as default_2 } from 'eventemitter3';
 import { EventEmitter } from 'eventemitter3';
@@ -64,6 +65,150 @@ export declare function ListenLeftClick(viewer: Cesium.Viewer): default_2<{
 
 declare type Matrix4Like = Cesium.Matrix4 | Record<string, number> | number[];
 
+export declare class PolygonDrawer {
+    private options?;
+    private _viewer;
+    private _callBack;
+    private _posChange;
+    private _pointGeometry;
+    private _activePoint;
+    private _polygon;
+    private _positions;
+    private _status;
+    private _mouseDelta;
+    private _lastClickPosition;
+    private _options;
+    private _subscriber;
+    private _events;
+    private _labels;
+    private _tips;
+    private _hoveredPoint;
+    get status(): "INIT" | "START" | "END" | "EDITING" | "DESTROY";
+    get isDestroy(): boolean;
+    /**
+     * Create a PolygonDrawer Class
+     * @param viewer cesium viewer
+     * @param [options.accuracy] lonlat number accuracy.
+     * @param [options.once] If continue to draw the next polygon.
+     * @param [options.retainGeo] If retain polygon geo after drawing complete.
+     * @param [options.positions] The object onto which to store the position Array.
+     * @param [options.callback] callback funciton after drawing complete.
+     * @param [options.posChange] callback funciton after position array changed.
+     * @param [options.tips] tip labels text config.
+     * @example
+     * const DrawTool = new PolygonDrawer(viewer, {
+     callback: (result) => {
+     console.log(result);
+     },
+     posChange: (coors) => {
+     console.log(coors)
+     },
+     tips: {
+     leftClick: intl.formatMessage({ id: 'drawer.leftClick' }),
+     rightClick: intl.formatMessage({ id: 'drawer.rightClick' }),
+     doubleClick: intl.formatMessage({ id: 'drawer.doubleClick' }),
+     edit: intl.formatMessage({ id: 'drawer.edit' }),
+     }
+     })
+     */
+    constructor(viewer: Viewer, options?: PolygonDrawerOptions | undefined);
+    /**
+     * 根据传入的positions初始化图形并进入编辑状态
+     */
+    private initializeFromPositions;
+    /**
+     * 更新标签信息
+     * @param options 标签位置、标签文字， 不填则按照默认逻辑更新
+     */
+    private updateLabel;
+    /**
+     * positions数组改变后调用回调函数
+     */
+    private handlePosChange;
+    protected drawPoint(position: Cartesian3): Cesium.Entity;
+    private updatePointSize;
+    /**
+     * 点Entity的左键点击事件
+     */
+    private onMouseClickPoint;
+    /**
+     * 绘制多边形
+     */
+    private drawShape;
+    /**
+     * 鼠标移动时改变活动点的位置和position坐标串
+     */
+    private handleMouseMove;
+    /**
+     * 鼠标左键监听事件,点击添加点和坐标,并设置新的活动点
+     */
+    private handleMouseLeftClick;
+    /**
+     * 添加一个点
+     * @param index 点的下标
+     * @param pos 点的经纬度
+     */
+    addOnePosition: (index: number, pos: number[]) => boolean;
+    /**
+     * 改变一个点的坐标信息
+     * @param index 点下标
+     * @param pos 位置[经纬度]
+     * @returns boolean
+     */
+    changeOnePosition: (index: number, pos: number[]) => boolean;
+    /**
+     * 移除一个点
+     * @param index 点的下标
+     * @returns {boolean} 是否移除成功
+     */
+    removeOnePosition: (index: number) => boolean;
+    /**
+     * 将一个点设置为活动点
+     * @param index 点的下标
+     */
+    activeOnePosition: (index: number) => void;
+    private handleMouseRightClick;
+    /**
+     * 开始绘制多边形
+     */
+    start(): void;
+    private removePolygon;
+    /**
+     * 停止绘制多边形
+     * @param removePoint 是否移除控制点,默认true
+     */
+    private stop;
+    /**
+     * cesium坐标转经纬度
+     * @param cartesian
+     * @returns [lon, lat]
+     */
+    cartesian2lonlat: (cartesian: Cartesian3) => number[];
+    /**
+     * 结束绘制
+     * @returns boolean
+     */
+    private endDraw;
+    clear(): void;
+    destroy(): void;
+}
+
+declare type PolygonDrawerOptions = {
+    accuracy?: number;
+    once?: boolean;
+    retainGeo?: boolean;
+    positions?: Cartesian3[];
+    callback?: (coors: number[][]) => void;
+    posChange?: (coors: number[][]) => void;
+    tips?: {
+        leftClick?: string;
+        rightClick?: string;
+        doubleClick?: string;
+        edit?: string;
+    };
+    polygon?: Omit<Cesium.PolygonGraphics.ConstructorOptions, 'hierarchy' | 'show'>;
+};
+
 /** 弹窗控制器 */
 export declare class PopupCtrl extends default_2<{
     onMount: (id: string | number) => void;
@@ -105,6 +250,7 @@ export declare class ShipLayer extends default_2<{
     private opt?;
     db: Cesium.CustomDataSource;
     private labelDataSource;
+    private IS_MOVING_THRESHOLD;
     constructor(key: string, zIndex: number, opt?: {
         clustering?: {
             enabled?: boolean;
@@ -119,6 +265,7 @@ export declare class ShipLayer extends default_2<{
             designBeam: number;
             designLength: number;
         };
+        IS_MOVING_THRESHOLD?: number;
     } | undefined);
     private isMounted;
     private _viewer;
@@ -134,7 +281,6 @@ export declare class ShipLayer extends default_2<{
     renderFeature(feature: Feature<Point>): void;
     /**更新or新增feature */
     update(feature: Feature<Point>): void;
-    private readonly IS_MOVING_THRESHOLD;
     private renderEntity;
     private renderLabelEntity;
     private shadowEntityMap;