cesium/cesium-plot-js
1
0
Fork 0
mirror of https://github.com/ethan-zf/cesium-plot-js.git synced 2025-06-24 11:37:27 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

When drawing a curved arrow, if there are only two points, draw a fine straight arrow.

Browse Source
This commit is contained in:
ethan 2024-03-18 20:58:44 +08:00
parent eb370b0cff
commit fef308b808
1 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/arrow/curved-arrow.ts
View File

@ -9,11 +9,13 @@ export default class CurvedArrow extends Base {
arrowLengthScale: number = 5; arrowLengthScale: number = 5;
maxArrowLength: number = 3000000; maxArrowLength: number = 3000000;
t: number; t: number;
minPointsForShape: number;
constructor(cesium: any, viewer: any, style?: LineStyle) { constructor(cesium: any, viewer: any, style?: LineStyle) {
super(cesium, viewer, style); super(cesium, viewer, style);
this.cesium = cesium; this.cesium = cesium;
this.t = 0.3; this.t = 0.3;
this.minPointsForShape = 2;
this.setState('drawing'); this.setState('drawing');
this.onDoubleClick(); this.onDoubleClick();
} }
@ -29,9 +31,6 @@ export default class CurvedArrow extends Base {
this.points.push(cartesian); this.points.push(cartesian);
if (this.points.length < 2) { if (this.points.length < 2) {
this.onMouseMove(); this.onMouseMove();
} else if (this.points.length === 2) {
this.setGeometryPoints(this.points);
this.drawLine();
} }
} }
@ -40,12 +39,7 @@ export default class CurvedArrow extends Base {
*/ */
updateMovingPoint(cartesian: Cartesian3) { updateMovingPoint(cartesian: Cartesian3) {
const tempPoints = [...this.points, cartesian]; const tempPoints = [...this.points, cartesian];
let geometryPoints = []; let geometryPoints = this.createGraphic(tempPoints);
if (tempPoints.length === 2) {
geometryPoints = this.createStraightArrow(tempPoints);
} else {
geometryPoints = this.createLine(tempPoints);
}
this.setGeometryPoints(geometryPoints); this.setGeometryPoints(geometryPoints);
this.drawLine(); this.drawLine();
} }
@ -67,7 +61,7 @@ export default class CurvedArrow extends Base {
*/ */
updateDraggingPoint(cartesian: Cartesian3, index: number) { updateDraggingPoint(cartesian: Cartesian3, index: number) {
this.points[index] = cartesian; this.points[index] = cartesian;
const geometryPoints = this.createLine(this.points); const geometryPoints = this.createGraphic(this.points);
this.setGeometryPoints(geometryPoints); this.setGeometryPoints(geometryPoints);
this.drawLine(); this.drawLine();
} }
@ -75,10 +69,16 @@ export default class CurvedArrow extends Base {
/** /**
* Generate geometric shapes based on key points. * Generate geometric shapes based on key points.
*/ */
createLine(positions: Cartesian3[]) { createGraphic(positions: Cartesian3[]) {
const lnglatPoints = positions.map((pnt) => { const lnglatPoints = positions.map((pnt) => {
return this.cartesianToLnglat(pnt); return this.cartesianToLnglat(pnt);
}); });
if (positions.length === 2) {
// If there are only two points, draw a fine straight arrow.
return this.createStraightArrow(positions);
}
const curvePoints = Utils.getCurvePoints(this.t, lnglatPoints); const curvePoints = Utils.getCurvePoints(this.t, lnglatPoints);
const pnt1 = lnglatPoints[lnglatPoints.length - 2]; const pnt1 = lnglatPoints[lnglatPoints.length - 2];
const pnt2 = lnglatPoints[lnglatPoints.length - 1]; const pnt2 = lnglatPoints[lnglatPoints.length - 1];