import * as Utils from '../utils'; import { Cartesian3 } from 'cesium'; import { Category, CesiumTypes, PolylineStyle } from '../type'; import Basic from '../bastic'; export class StraightLineArrow extends Basic { points: Cartesian3[] = []; arrowLengthScale: number = 5; maxArrowLength: number = 3000000; minPointsForShape: number; constructor(cesium: CesiumTypes, viewer: any, style?: PolylineStyle) { super(cesium, viewer, style); this.cesium = cesium; this.minPointsForShape = 2; this.setState('drawing'); } getCategory(): Category { return 'polyline'; } addPoint(cartesian: Cartesian3) { if (this.points.length < 2) { this.points.push(cartesian); this.onMouseMove(); } if (this.points.length === 2) { const geometryPoints = this.createGraphic(this.points); this.setGeometryPoints(geometryPoints); this.drawLine(); this.mainEntity = this.lineEntity this.finishDrawing(); } } updateMovingPoint(cartesian: Cartesian3) { const tempPoints = [...this.points, cartesian]; const geometryPoints = this.createGraphic(tempPoints); this.setGeometryPoints(geometryPoints); this.drawLine(); } updateDraggingPoint(cartesian: Cartesian3, index: number) { this.points[index] = cartesian; const geometryPoints = this.createGraphic(this.points); this.setGeometryPoints(geometryPoints); this.drawLine(); } createGraphic(positions: Cartesian3[]) { const [pnt1, pnt2] = positions.map(this.cartesianToLnglat); const distance = Utils.MathDistance(pnt1, pnt2); let len = distance / this.arrowLengthScale; len = len > this.maxArrowLength ? this.maxArrowLength : len; const leftPnt = Utils.getThirdPoint(pnt1, pnt2, Math.PI / 6, len / 2, false); const rightPnt = Utils.getThirdPoint(pnt1, pnt2, Math.PI / 6, len / 2, true); const points = [...pnt1, ...pnt2, ...leftPnt, ...pnt2, ...rightPnt]; const cartesianPoints = this.cesium.Cartesian3.fromDegreesArray(points); return cartesianPoints; } getPoints() { return this.points; } }