@baidumap/mapv-three 1.0.0

package/dist/types/threemap/controls/editors/Editor.d.ts

@@ -0,0 +1,160 @@
+export namespace STAGE {
+    let UNREADY: number;
+    let DRAWING: number;
+    let DRAWED: number;
+    let EDIT: number;
+    let EDITING: number;
+}
+export class Editor {
+    /** @protected */ protected _enabled: boolean;
+    /** @protected */ protected _drawedGraph: any[];
+    /** @protected */ protected _transformBox: null;
+    /** @protected */ protected _transformIndex: null;
+    /** @protected */ protected _completedDataSource: null;
+    /** @protected */ protected _completedElement: null;
+    /** @protected */ protected _type: string;
+    /** @private */ private _selectedIndex;
+    /**
+     * @private
+     * 绘制状态，0：未开始、1：首次绘制中、2：绘制结束、3：编辑暂停、4：编辑中
+     */
+    private _stage;
+    /**
+     * @protected
+     * 是否为新增的图形(新增/编辑)
+     */
+    protected _isAdd: boolean;
+    /**
+     * @protected
+     * 是否关闭z方向上的拖动编辑，默认开启
+     */
+    protected _is2D: boolean;
+    /**
+     * @protected
+     * 是否开启连续绘制，默认开启
+     */
+    protected _autoComplete: boolean;
+    /** @private */
+    private afterAddToEngine;
+    _autoCompleteDraw(): void;
+    parseFeature: (item: any, type: any) => DataItem;
+    parsePointFeature: (item: any) => DataItem;
+    parseLineFeature: (item: any) => DataItem;
+    parsePolygonFeature: (item: any) => DataItem;
+    /** @protected */
+    protected initObjects(): void;
+    /** @protected */
+    protected initEvents(): void;
+    /**
+     * 重置绘制状态
+     */
+    reset(): void;
+    vertex: any[] | undefined;
+    /**
+     * 清除所有图形
+     */
+    clearAll(): void;
+    /**
+     * @protected
+     */
+    protected attachTransform(position: any, angleComponent?: string): void;
+    /**
+     * @private
+     */
+    private detachTransform;
+    /**
+     * @protected
+     */
+    protected _getTransformBoxState(): {
+        point: any;
+        position: any[];
+        width: any;
+        height: any;
+        length: any;
+        angle: any[];
+    };
+    /**
+     * @protected
+     * 清空
+     */
+    protected clearBuffers(): void;
+    /**
+     * @protected
+     * 解绑所有事件
+     */
+    protected unbindEvents(): void;
+    /**
+     * @protected
+     * 计算法向量值
+     */
+    protected _getNodeNormal(): any;
+    /**
+     * 编辑完成
+     */
+    complete(): void;
+    /** @private */
+    private deepClone;
+    cancel(): void;
+    private set stage(value);
+    /**
+     * @private
+     */
+    private get stage();
+    /** @private */
+    private _handleNodeClick;
+    /** @private */
+    private _handleAddClick;
+    _handleAddClickWrapper: (e: any) => void;
+    _handleAddMoveWrapper: (e: any) => void;
+    /** @private */
+    private _handleAddMove;
+    /** @private */
+    private _handleAddFinish;
+    /**
+     * @private
+     * 图形信息
+     */
+    private graphInfo;
+    /** @private */
+    private beforeRemoveFromEngine;
+    /**
+     * 绘制的图形的数组
+     */
+    get drawedGraph(): any[];
+    /**
+     * 选中的图形索引
+     */
+    get selectedIndex(): number;
+    /**
+     * 是否能够绘制或编辑
+     */
+    set enabled(value: boolean);
+    /**
+     * 是否能够绘制或编辑
+     */
+    get enabled(): boolean;
+    set is2D(value: boolean);
+    /**
+     * 是否关闭z方向上的拖动编辑，默认开启
+     */
+    get is2D(): boolean;
+    /**
+     * 导出为geojson格式
+     */
+    exportToGeoJSON(): {
+        type: string;
+        features: {
+            type: string;
+            geometry: {
+                type: string;
+                coordinates: any;
+            };
+            properties: {};
+        }[];
+    };
+    /** @private */
+    private _getProperties;
+    /** @private */
+    private _handleCancelEdit;
+}
+import { DataItem } from '../../dataSource/DataItem';

package/dist/types/threemap/controls/editors/PointEditor.d.ts

@@ -0,0 +1,96 @@
+/**
+ * 点编辑器
+ * ```js
+ * const pointEditor = engine.add(new mapvthree.PointEditor(engine, {
+ *  pointColor: '#f00',
+ *  pointSize: 20,
+ * }));
+ * ```
+ */
+export class PointEditor extends Editor {
+    /**
+     * @param { Object } options 绘制点参数
+     * @param {string} options.pointColor 点颜色,默认为'rgb(200, 200, 50)'
+     * @param {string} options.pointSize 点尺寸，默认为10
+     * @param {Object} options.point 绘制中展示的元素，可以传入一个已经创建好的点对象，如果传入则默认散点
+     * @param {Object} options.completeElement 绘制完成展示元素，可以传入一个已经创建好的点对象，如果传入则默认散点
+     */
+    constructor(engine: any, options?: {
+        pointColor: string;
+        pointSize: string;
+        point: Object;
+        completeElement: Object;
+    });
+    /** @private */
+    private _pointData;
+    /**
+     * @protected
+     * 是否允许编辑
+     */
+    protected _enableEdit: boolean;
+    /** @private */ private _engine;
+    /** @private */ private _options;
+    /** @private */ private _point;
+    /** @private */ private _pointDataSource;
+    /** @private */ private _completedDataSource;
+    /** @private */ private _completedElement;
+    /** @private */ private _isAdd;
+    /** @private */ private _selectedIndex;
+    /** @private */ private _transformIndex;
+    set point(value: any);
+    /**
+     * 自定义点元素
+     */
+    get point(): any;
+    private set completeElement(value);
+    /**
+     * @private 绘制完成元素
+     */
+    private get completeElement();
+    /** @private */
+    private initPoint;
+    _helpers: any;
+    /** @private */
+    private initCompleteElement;
+    /** @private */
+    private graphInfo;
+    /** @private */
+    private _handleAddClick;
+    /**
+     * @private
+     * 切换编辑的元素
+     */
+    private _handleCompleteClick;
+    private set vertex(value);
+    /** @private */
+    private get vertex();
+    /** @private */
+    private _handleAddFinish;
+    /** @private */
+    private _handleNodeClick;
+    /** @private */
+    private _handleTransformChanging;
+    /** @private */
+    private _handleTransformChanged;
+    /** @private */
+    private addNode;
+    /** @private */
+    private updateNode;
+    /**
+     * @private
+     */
+    private clearObjects;
+    /** @private */
+    private dispose;
+    /** @private */
+    private overwriteNodes;
+    /** @private */
+    private _getProperties;
+    _vertex: any;
+    set data(value: any);
+    /**
+     * 绘制的点的数据信息
+     */
+    get data(): any;
+}
+import { Editor } from './Editor';

package/dist/types/threemap/controls/editors/PolygonEditor.d.ts

@@ -0,0 +1,148 @@
+/**
+ * 多边形编辑器
+ * ```js
+ * const tile = engine.add(new mapvthree.Default3DTiles({
+ *   url: tilesetUrl,
+ * }))
+ * tile.addEventListener('click', () => {});
+ * const editor = engine.add(new mapvthree.PolygonEditor(engine, {
+ *      polygonColor: '#333',
+ * }));
+ * // 贴地绘制
+ * const editor = engine.add(new mapvthree.PolygonEditor(engine, {
+ *  clampToGround: true,
+ *  editingPolygonParameter: {
+ *      color: 'red',
+ *      opacity: 0.6,
+ *      maxHeight: 2500,
+ *  },
+ *  editedPolygonParameter: {
+ *      color: 'blue',
+ *      opacity: 0.6,
+ *      maxHeight: 2500,
+ *  }
+ * }))
+ * // 1. 开启编辑自定义绘制
+ * polygon.enabled = true;
+ * // 2. 数据回显
+ * const data = [
+ *      {
+ *          point: [116.51595735991326, 39.79906856078468, 0],
+ *          position: [12970497.04259632, 4836786.287580897, 0],
+ *          scale: 2,
+ *          angle: 2.517563424078793,
+ *      },
+ *      ...
+ *      {
+ *          point: [116.51595735991326, 39.79906856078468, 0],
+ *          position: [12970497.04259632, 4836786.287580897, 0],
+ *          scale: 2,
+ *          angle: 2.517563424078793,
+ *      },
+ * ];
+ * polygon.data = data;
+ * polygon.enabled = true;
+ * ```
+ */
+export class PolygonEditor extends Editor {
+    /**
+     * @param { Object } options 绘制参数
+     * @param {string} options.polygonColor 多边形颜色,默认为'rgb(200, 200, 50)'
+     * @param {string} options.borderColor 多边形边框颜色,默认为'rgb(200, 50, 50)'
+     * @param {Object} options.editingPolygonParameter 绘制中的多边形参数，用来配置虚拟多边形的颜色等
+     * @param {Object} options.borderLineParameter 边框参数，用来配置边框的颜色、线宽等
+     * @param {Object} options.editedPolygonParameter 绘制完成后的多边形参数，用来配置多边形的颜色等
+     * @param {boolean} options.clampToGround 是否贴地
+     */
+    constructor(engine: any, options?: {
+        polygonColor: string;
+        borderColor: string;
+        editingPolygonParameter: Object;
+        borderLineParameter: Object;
+        editedPolygonParameter: Object;
+        clampToGround: boolean;
+    });
+    /** @private */ private _polygonOpacity;
+    /** @private */ private _virtualOpacity;
+    /** @private */
+    private _polygonData;
+    /** @private */
+    private _strokeLineData;
+    /** @private */
+    private _helpersData;
+    /**
+     * @protected
+     * 是否允许编辑
+     */
+    protected _enableEdit: boolean;
+    /** @private */ private _engine;
+    /** @private */ private _options;
+    /** @private */ private _polygon;
+    /** @private */ private _polygonDataSource;
+    /** @private */ private _strokeLine;
+    /** @private */ private _strokeLineDataSource;
+    /** @private */ private _helpers;
+    /** @private */ private _helpersDataSource;
+    /** @private */ private _completedDataSource;
+    /** @private */ private _completedElement;
+    /** @private */ private _isAdd;
+    /** @private */ private _selectedIndex;
+    /** @private */ private _stage;
+    /** @private */ private _transformIndex;
+    /** @private */ private _transformBox;
+    /** @private */ private _isMoving;
+    /** @private */ private _vertex;
+    /** @private */ private _prevPosition;
+    _clampToGround: boolean;
+    /** @private */
+    private initPolygon;
+    /** @private */
+    private initStrokeLine;
+    /** @private */
+    private initHelpers;
+    /** @private */
+    private initCompletedElement;
+    /** @private */
+    private graphInfo;
+    /** @private */
+    private _handleCompleteClick;
+    set vertex(value: any[]);
+    get vertex(): any[];
+    set stage(value: any);
+    /** @internal */
+    get stage(): any;
+    /** @private */
+    private _handleAddClick;
+    /** @private */
+    private _handleAddMove;
+    /** @private */
+    private _handleAddFinish;
+    /** @private */
+    private _handleNodeClick;
+    /** @private */
+    private _getNodeNormal;
+    /**
+     * @private
+     * 拖拽时触发
+     */
+    private _handleTransformChanging;
+    /**
+     * @private
+     * 拖拽结束后触发
+     */
+    private _handleTransformChanged;
+    /** @private */
+    private addNode;
+    /** @private */
+    private updateNode;
+    /** @private */
+    private overwriteNodes;
+    /** @internal */
+    clearObjects(): void;
+    dispose(): void;
+    set data(value: any[]);
+    /** 绘制的多边形数据信息 */
+    get data(): any[];
+    get length(): number;
+}
+import { Editor } from './Editor';

package/dist/types/threemap/controls/editors/RectEditor.d.ts

@@ -0,0 +1,105 @@
+/**
+ * 矩形编辑器
+ * ```js
+ * const lineEditor = engine.add(new mapvthree.RectEditor(engine, {
+ *   editingPolygonParameter: {
+ *      color: 'red',
+ *      opacity: 0.1,
+ *   },
+ *   editedPolygonParameter: {
+ *      color: 'green',
+ *   }
+ * }));
+ * ```
+ * ![](media://rectEditor.png)
+ */
+export class RectEditor extends Editor {
+    /**
+     * @param { Object } options 绘制参数
+     * @param {string} options.rectColor 矩形颜色,默认为'rgb(200, 200, 50)'
+     * @param {Object} options.editingPolygonParameter 绘制中的矩形参数，用来配置虚拟矩形的颜色等,参考[Polygon](../classes/index.Polygon.html)
+     * @param {Object} options.editedPolygonParameter 绘制完成后的矩形参数，用来配置矩形的颜色等,参考[Polygon](../classes/index.Polygon.html)
+     * @param {boolean} options.clampToGround 是否贴地
+     */
+    constructor(engine: any, options?: {
+        rectColor: string;
+        editingPolygonParameter: Object;
+        editedPolygonParameter: Object;
+        clampToGround: boolean;
+    });
+    /** @private */
+    private _rectData;
+    /** @private */
+    private _helpersData;
+    /**
+     * @protected
+     * 是否允许编辑
+     */
+    protected _enableEdit: boolean;
+    /** @private */ private _engine;
+    /** @private */ private _options;
+    /** @private */ private _rect;
+    /** @private */ private _rectDataSource;
+    /** @private */ private _helpers;
+    /** @private */ private _helpersDataSource;
+    /** @private */ private _completedDataSource;
+    /** @private */ private _completedElement;
+    /** @private */ private _isAdd;
+    /** @private */ private _selectedIndex;
+    /** @private */ private _transformIndex;
+    /** @private */ private _raycaster;
+    /** @private */ private _tempVector3;
+    /** @private */ private _mapPlane;
+    _clampToGround: boolean;
+    /** @private */
+    private initRect;
+    /** @private */
+    private initHelpers;
+    /** @private */
+    private initCompletedElement;
+    /** @private */
+    private graphInfo;
+    /** @private */
+    private _handleCompleteClick;
+    set vertex(value: any);
+    get vertex(): any;
+    /** @private */
+    private _handleAddClick;
+    /**
+     * @private
+     * 得到终点，根据起点和终点计算其他的两个点
+     */
+    private _handleAddMove;
+    /** @private */
+    private _handleAddFinish;
+    /** @private */
+    private _handleNodeClick;
+    /** @private */
+    private _handleTransformChanging;
+    /** @private */
+    private _handleTransformChanged;
+    /**
+     * @private
+     * 添加起点
+     */
+    private addNode;
+    /**
+     * @private
+     * 除了对角点，其他点的位置都需要更新
+     */
+    private updateNode;
+    /**
+     * @private
+     */
+    private clearObjects;
+    /** @private */
+    private overwriteNodes;
+    dispose(): void;
+    _vertex: any;
+    set data(value: any);
+    /**
+     * 绘制的矩形的数据信息
+     */
+    get data(): any;
+}
+import { Editor } from './Editor';

package/dist/types/threemap/controls/editors/SplineAreaEditor.d.ts

@@ -0,0 +1,41 @@
+/**
+ * 样条缓冲面编辑器
+ */
+export class SplineAreaEditor {
+    constructor(engine: any, options?: {});
+    /** @private */
+    private _fillBuffer;
+    /** @private */
+    private _strokeBuffer;
+    /** @private */ private _engine;
+    /** @private */ private _splineEditor;
+    /** @private */ private _options;
+    /** @private */ private _stroke;
+    /** @private */ private _strokeDataSource;
+    /** @private */ private _fill;
+    /** @private */ private _fillDataSource;
+    /** @internal */
+    afterAddToEngine(): void;
+    /** @private */
+    private initStroke;
+    /** @private */
+    private initFill;
+    /** @private */
+    private initObjects;
+    /** @private */
+    private _handleSplineChange;
+    /** @private */
+    private _drawSplineArea;
+    /** @private */
+    private _parseSplineToArea;
+    /** @private */
+    private clearBuffers;
+    /** @private */
+    private clearObjects;
+    dispose(): void;
+    set enabled(value: any);
+    get enabled(): any;
+    get spline(): any;
+    set positions(value: never[]);
+    get positions(): never[];
+}

package/dist/types/threemap/controls/editors/SplineEditor.d.ts

@@ -0,0 +1,118 @@
+/**
+ * 样条编辑器
+ * ```js
+ * const tile = engine.add(new mapvthree.Default3DTiles({
+ *   url: tilesetUrl,
+ * }))
+ * tile.addEventListener('click', () => {});
+ * const lineEditor = engine.add(new mapvthree.SplineEditor(engine, {
+ *   virtualLineParameter: {
+ *      color: 'red',
+ *      lineWidth: 2,
+ *   },
+ *   lineParameter: {
+ *      color: 'green',
+ *      lineWidth: 5,
+ *   }
+ * }));
+ * // 贴地绘制线
+ * const lineEditor = engine.add(new mapvthree.SplineEditor(engine, {
+ *    clampToGround: true,
+ * }))
+ * ```
+ * ![](media://lineEditor.png)
+ */
+export class SplineEditor extends Editor {
+    /**
+     * @param { Object } options 绘制参数
+     * @param {string} options.lineColor 线颜色,默认为'rgb(200, 200, 50)'
+     * @param {Object} options.virtualLineParameter 虚拟线参数，用来配置虚拟线的颜色、线宽等
+     * @param {Object} options.lineParameter 线参数，用来配置线的颜色、线宽等
+     * @param {boolean} options.clampToGround 是否贴地
+     */
+    constructor(engine: any, options?: {
+        lineColor: string;
+        virtualLineParameter: Object;
+        lineParameter: Object;
+        clampToGround: boolean;
+    });
+    /** @private */ private _virtualLineData;
+    /** @private */ private _splineData;
+    /** @private */ private _helpersData;
+    /** @private */
+    private _data;
+    /**
+     * @protected
+     * 是否允许编辑
+     */
+    protected _enableEdit: boolean;
+    /** @private */ private _engine;
+    /** @private */ private _options;
+    /** @private */ private _virtualLine;
+    /** @private */ private _virtualLineDataSource;
+    /** @private */ private _helpers;
+    /** @private */ private _helpersDataSource;
+    /** @private */ private _spline;
+    /** @private */ private _splineDataSource;
+    /** @private */ private _completedDataSource;
+    /** @private */ private _completedElement;
+    /** @private */ private _isAdd;
+    /** @private */ private _selectedIndex;
+    /** @private */ private _transformIndex;
+    /** @private */ private _virtualVertex;
+    _clampToGround: boolean;
+    /** @private */
+    private initSpline;
+    /** @private */
+    private initVirtualLine;
+    /** @private */
+    private initHelpers;
+    /** @private */
+    private initCompeleteElement;
+    /** @private */
+    private graphInfo;
+    /** @private */
+    private _handleCompleteClick;
+    private set vertex(value);
+    /** @private */
+    private get vertex();
+    /** @private */
+    private _handleAddClick;
+    private set virtualVertex(value);
+    /** @private */
+    private get virtualVertex();
+    /** @private */
+    private _handleAddMove;
+    /** @private */
+    private _handleAddFinish;
+    /** @private */
+    private _handleNodeClick;
+    /**
+     * @private
+     * 拖拽时触发
+     */
+    private _handleTransformChanging;
+    /**
+     * @private
+     * 拖拽结束后触发
+     */
+    private _handleTransformChanged;
+    /** @private */
+    private _getNodeNormal;
+    /** @private */
+    private addNode;
+    /** @private */
+    private updateNode;
+    /** @private */
+    private overwriteNodes;
+    /** @private */
+    private clearObjects;
+    dispose(): void;
+    /** 绘制的线数据 */
+    set data(value: any);
+    get data(): any;
+    _vertex: any;
+    /** @private */
+    private get length();
+}
+import { Editor } from './Editor';