gisviewer-vue3-arcgis 1.0.85

package/es/src/gis-map/utils/sketchViewTool.d.ts

@@ -0,0 +1,259 @@
+import GraphicsLayer from '@arcgis/core/layers/GraphicsLayer';
+import MapView from '@arcgis/core/views/MapView';
+import SceneView from '@arcgis/core/views/SceneView';
+import SketchViewModel from '@arcgis/core/widgets/Sketch/SketchViewModel';
+import Sketch from '@arcgis/core/widgets/Sketch';
+import Graphic from '@arcgis/core/Graphic.js';
+import * as turf from '@turf/turf';
+interface sketchViewOptions {
+    /**
+     * 最大允许绘制的图形数量
+     */
+    maxAllowedGraphics?: number;
+    /**
+     * 图形图层配置
+     */
+    GraphicsLayer?: {};
+    /**
+     * 绘制工具显示的元素
+     */
+    sketchvisibleElements?: {};
+    /**
+     * 绘制工具显示的位置
+     */
+    sketchPosition?: string;
+    /**
+     * 绘制工具默认是否显示
+     *
+     * @type {boolean}
+     * @memberof sketchViewOptions
+     */
+    defaultsketchVisible?: boolean;
+    sketchViewModelItemSymbol?: {
+        polylineSymbol?: any;
+        polygonSymbol?: any;
+        pointSymbol?: any;
+    };
+}
+interface ITPoint {
+    x: number;
+    y: number;
+}
+declare type LinearUnits = 'meters' | 'feet' | 'kilometers' | 'miles' | 'nautical-miles' | 'yards' | number;
+declare type Direction = 'north' | 'east' | 'south' | 'west';
+declare type dimensionTypeFace = 'distance' | 'area' | 'angle' | null;
+export default class sketchViewTool {
+    private viewer;
+    graphicsLayer: GraphicsLayer;
+    TextgraphicsLayer: GraphicsLayer;
+    sketchViewModel: SketchViewModel;
+    sketch: Sketch;
+    options: sketchViewOptions;
+    /**
+     * 是否正在绘制
+     *
+     * @type {boolean}
+     * @memberof sketchViewTool
+     */
+    isDraw: boolean;
+    /**
+     * 当前绘制的图形
+     */
+    drawStartGraphic: __esri.Geometry | null;
+    /**
+     * 当前绘制的图形的id
+     *
+     * @type {(string | null)}
+     * @memberof sketchViewTool
+     */
+    drawStartGraphicId: string | null;
+    /**
+     * 绘制的提示dom
+     *
+     * @type {(HTMLElement | null)}
+     * @memberof sketchViewTool
+     */
+    tipsDom: HTMLElement | null;
+    drawPointGraphic: Map<string, Graphic>;
+    dimensionType: dimensionTypeFace;
+    constructor(view: MapView | SceneView, options?: sketchViewOptions);
+    init(): void;
+    on(callcack?: (type: string, state: string, event: any) => void): void;
+    onCreate(event: __esri.SketchCreateEvent, callcack?: (type: string, state: string, event?: any) => void): void;
+    onCreateToCancel(): void;
+    onUpdate(event: __esri.SketchUpdateEvent, callcack?: (type: string, state: string, event?: any) => void): void;
+    onDelete(event: __esri.SketchDeleteEvent, callcack?: (type: string, state: string, event: any) => void): void;
+    addpolyline(paths: number[][][]): void;
+    createPolylineGraphic(paths: number[][], lineSymbol: any, attributes: any): Graphic;
+    createDom(): HTMLDivElement | undefined;
+    removeDom(): void;
+    /**
+     *  开始绘制
+     * @param tool  'point' | 'polyline' | 'polygon' | 'rectangle' | 'circle'
+     * @param createOptions
+     */
+    sketchCreate(tool: 'point' | 'polyline' | 'polygon' | 'rectangle' | 'circle', createOptions?: __esri.SketchViewModelCreateCreateOptions): void;
+    /**
+     * 退出绘制
+     *
+     * @memberof sketchViewTool
+     */
+    sketchCancel(): void;
+    /**
+     *  获取所有的图形得长度
+     * @param offsetUnit  距离单位
+     * @returns
+     */
+    getCalculateDistance(offsetUnit?: LinearUnits): (string | number)[];
+    /**
+     * 获取所有的图形得航向角
+     *
+     * @returns
+     * @memberof sketchViewTool
+     */
+    getCalculateHeading(direction?: Direction): (string | number)[];
+    /**
+     * 获取所有的线段的路径和长度
+     *
+     * @returns
+     * @memberof sketchViewTool
+     */
+    getAllPolylineGraphicPath(offsetUnit?: LinearUnits): {
+        paths: number[][];
+        distance: number;
+    }[];
+    close(): void;
+    show(): void;
+    removeAll(): void;
+    calculateDistance(geometry: __esri.Geometry, offsetUnit?: LinearUnits): number;
+    /**
+     *  计算geometry的航向角
+     *
+     * @param {__esri.Geometry} geometry
+     * @param {string} [direction='north']
+     * @returns
+     * @memberof sketchViewTool
+     */
+    calculateHeading(geometry: __esri.Geometry, direction?: string): number;
+    /**
+     * 计算路径的航向角
+     *
+     * @param {number[][]} path 路径
+     * @param {string} [direction='north'] 方向
+     * @returns
+     * @memberof sketchViewTool
+     */
+    calculatePointHeading(path: number[][], direction?: string): number;
+    drawPolylinePoint(drawStartGraphic: __esri.Geometry, parentId: string, actions?: string): void;
+    updatePpolylinePoint(drawStartGraphic: Graphic[]): void;
+    delPpolylinePoint(drawStartGraphic: Graphic[]): void;
+    /**
+     * 添加或者更新标记点
+     *
+     * @param {string} text 标记点的文本
+     * @param {ITPoint} point 标记点的坐标
+     * @param {string} id 标记点的id
+     * @param {*} [attributes={}] 标记点的属性
+     * @returns
+     * @memberof sketchViewTool
+     */
+    addOrUpdateMarkPoint(text: string, point: ITPoint, id: string, attributes?: any): void;
+    /**
+     * 获取图形的点位
+     *
+     * @param {__esri.Geometry} geometry
+     * @returns
+     * @memberof sketchViewTool
+     */
+    getGeometryXY(geometry: __esri.Geometry, index?: number): {
+        x: number;
+        y: number;
+    };
+    /**
+     * 创建文本图形
+     *
+     * @param {string} text 文本
+     * @param {{ x: number; y: number }} point 坐标
+     * @param {*} [attributes={}] 属性
+     * @returns
+     * @memberof sketchViewTool
+     */
+    createTextGraphic(text: string, point: {
+        x: number;
+        y: number;
+    }, attributes?: any): Graphic;
+    /**
+     *  获取当前绘制的图形的长度
+     * @returns
+     */
+    getDrawgraphicLength(): string | 0;
+    /**
+     *  获取两点的角度
+     *
+     * @param {ITPoint} startPoint
+     * @param {ITPoint} endPoint
+     * @returns
+     * @memberof SketchView
+     */
+    getAngle(startPoint: ITPoint, endPoint: ITPoint): number;
+    /**
+     * 获取两点的方位角
+     *
+     * @param {ITPoint} startPoint
+     * @param {ITPoint} endPoint
+     * @returns
+     * @memberof sketchViewTool
+     */
+    getbearing(startPoint: ITPoint, endPoint: ITPoint): number;
+    /**
+     *  获取两点的距离
+     * @param startPoint
+     * @param endPoint
+     * @param units
+     * @returns
+     */
+    getPointLength(paths: number[][], units?: LinearUnits): number;
+    /**
+     * 获取多个点的中心点
+     *
+     * @param {ITPoint[]} points
+     * @returns
+     * @memberof sketchViewTool
+     */
+    featureCollection(points: ITPoint[]): turf.helpers.Feature<turf.helpers.Point, turf.helpers.Properties>;
+    /**
+     * 获取两点的中心点
+     *
+     * @param {ITPoint} startPoint
+     * @param {ITPoint} endPoint
+     * @returns
+     * @memberof sketchViewTool
+     */
+    midpoint(startPoint: ITPoint, endPoint: ITPoint): turf.helpers.Feature<turf.helpers.Point, turf.helpers.Properties>;
+    /**
+     * 获取方向
+     *
+     * @param {ITPoint} startPoint 起点
+     * @param {ITPoint} endPoint 终点
+     * @returns
+     * @memberof SketchView
+     */
+    getDirection(startPoint: ITPoint, endPoint: ITPoint): 0 | 1 | 3 | 2;
+    findLayerById(id: string): __esri.Layer;
+    /**
+     * 开启图层捕捉
+     */
+    turnonlayerSnap(): void;
+    /**
+     * 关闭图层捕捉
+     */
+    turnofflayerSnap(): void;
+    setDimensionType(Type: dimensionTypeFace): void;
+    /**
+     *  删除指定的图形
+     * @param graphic 删除指定的图形
+     */
+    remove(graphic: any): void;
+    destroy(): void;
+}
+export {};