@openglobus/og 0.18.4 → 0.19.0

package/lib/js/control/elevationProfile/ElevationProfileLegend.js

@@ -0,0 +1,82 @@
+import { View } from '../../ui/View';
+import { distanceFormatExt } from "../../utils/shared";
+const TEMPLATE = `<div class="og-elevationprofile-legend">
+        <div class="og-elevationprofile-legend__row og-elevationprofile-legend__track">
+          <div class="og-elevationprofile-square"></div>
+          <div class="og-elevationprofile-value">0</div>
+          <div class="og-elevationprofile-units">m</div>
+        </div>
+        <div class="og-elevationprofile-legend__row og-elevationprofile-legend__ground">
+          <div class="og-elevationprofile-square"></div>
+          <div class="og-elevationprofile-value">0</div>
+          <div class="og-elevationprofile-units">m</div>
+        </div>
+        <div class="og-elevationprofile-legend__row og-elevationprofile-legend__warning">        
+          <div class="og-elevationprofile-square"></div>
+          <div class="og-elevationprofile-value">0</div>
+          <div class="og-elevationprofile-units">m</div>
+        </div>
+        <div class="og-elevationprofile-legend__row og-elevationprofile-legend__collision">
+          <div class="og-elevationprofile-square"></div>
+          <div class="og-elevationprofile-value">0</div>
+          <div class="og-elevationprofile-units">m</div>
+        </div>
+      </div>`;
+export class ElevationProfileLegend extends View {
+    constructor(params = {}) {
+        super({
+            ...params,
+            template: TEMPLATE
+        });
+        this.$groundValue = null;
+        this.$trackValue = null;
+        this.$warningValue = null;
+        this.$collisionValue = null;
+        this.$trackUnits = null;
+        this.$groundUnits = null;
+        this.$warningUnits = null;
+        this.$collisionUnits = null;
+    }
+    render(params) {
+        super.render(params);
+        this.$trackValue = this.select(".og-elevationprofile-legend__track .og-elevationprofile-value");
+        this.$groundValue = this.select(".og-elevationprofile-legend__ground .og-elevationprofile-value");
+        this.$warningValue = this.select(".og-elevationprofile-legend__warning .og-elevationprofile-value");
+        this.$collisionValue = this.select(".og-elevationprofile-legend__collision .og-elevationprofile-value");
+        this.$trackUnits = this.select(".og-elevationprofile-legend__track .og-elevationprofile-units");
+        this.$groundUnits = this.select(".og-elevationprofile-legend__ground .og-elevationprofile-units");
+        this.$warningUnits = this.select(".og-elevationprofile-legend__warning .og-elevationprofile-units");
+        this.$collisionUnits = this.select(".og-elevationprofile-legend__collision .og-elevationprofile-units");
+        return this;
+    }
+    clear() {
+        this.$trackValue && (this.$trackValue.innerText = "0");
+        this.$trackUnits && (this.$trackUnits.innerText = "m");
+        this.$groundValue && (this.$groundValue.innerText = "0");
+        this.$groundUnits && (this.$groundUnits.innerText = "m");
+        this.$warningValue && (this.$warningValue.innerText = "0");
+        this.$warningUnits && (this.$warningUnits.innerText = "m");
+        this.$collisionValue && (this.$collisionValue.innerText = "0");
+        this.$collisionUnits && (this.$collisionUnits.innerText = "m");
+    }
+    setTrackLength(trackLength) {
+        let dist = distanceFormatExt(trackLength);
+        this.$trackValue.innerText = dist[0];
+        this.$trackUnits.innerText = dist[1];
+    }
+    setGroundLength(groundLength) {
+        let dist = distanceFormatExt(groundLength);
+        this.$groundValue.innerText = dist[0];
+        this.$groundUnits.innerText = dist[1];
+    }
+    setWarningLength(warningLength) {
+        let warningDist = distanceFormatExt(warningLength);
+        this.$warningValue.innerText = warningDist[0];
+        this.$warningUnits.innerText = warningDist[1];
+    }
+    setCollisionLength(collisionLength) {
+        let collisionDist = distanceFormatExt(collisionLength);
+        this.$collisionValue.innerText = collisionDist[0];
+        this.$collisionUnits.innerText = collisionDist[1];
+    }
+}

package/lib/js/control/elevationProfile/ElevationProfileScene.d.ts

@@ -0,0 +1,80 @@
+import { Entity } from '../../entity/Entity';
+import { EventsHandler } from '../../Events';
+import { LonLat } from "../../LonLat";
+import { Planet } from "../../scene/Planet";
+import { RenderNode } from '../../scene/RenderNode';
+import { Vector } from '../../layer/Vector';
+import { Vec2 } from '../../math/Vec2';
+import { Vec3 } from '../../math/Vec3';
+import { IMouseState } from "../../renderer/RendererEvents";
+import { Ellipsoid } from "../../ellipsoid/Ellipsoid";
+export interface IElevationProfileSceneParams {
+    name?: string;
+    planet?: Planet;
+}
+declare class ElevationProfileScene extends RenderNode {
+    events: EventsHandler<ElevationProfileSceneEventsList>;
+    protected _planet: Planet | null;
+    protected _trackLayer: Vector;
+    protected _groundPointersLayer: Vector;
+    protected _columnPointersLayer: Vector;
+    protected _headPointersLayer: Vector;
+    protected _heightsLayer: Vector;
+    protected _trackEntity: Entity;
+    protected _pickedGroundEntity: Entity | null;
+    protected _pickedHeadEntity: Entity | null;
+    protected _pointerLayer: Vector;
+    protected _pointerHeadEntity: Entity;
+    protected _pointerLabelEntity: Entity;
+    protected _pointerRayEntity: Entity;
+    protected _startClickPos: Vec2;
+    protected _startEntityPos: Vec2;
+    protected _clampToGround: boolean;
+    constructor(options?: IElevationProfileSceneParams);
+    flyExtent(): void;
+    get planet(): Planet | null;
+    protected _createGroundPointer(groundCart: Vec3, altitude?: number): {
+        headEntity: Entity;
+        groundEntity: Entity;
+        columnEntity: Entity;
+        heightLabelEntity: Entity;
+    };
+    setPointerCartesian3v(p: Vec3, height: number): void;
+    bindPlanet(planet: Planet): void;
+    init(): void;
+    onremove(): void;
+    _activate(): void;
+    getPointLonLat(index: number): LonLat | undefined;
+    getPointsLonLat(): LonLat[];
+    getHeightMSL(lonLat: LonLat): number;
+    getHeightELLAsync(lonLat: LonLat): Promise<number>;
+    addPointLonLatArrayAsync(lonLatArr: LonLat[], stopPropagation?: boolean): Promise<Entity>[];
+    addPointLonLatAsync(lonLat: LonLat, stopPropagation?: boolean): Promise<Entity>;
+    addGroundPointLonLatAsync(lonLat: LonLat, altitude?: number, stopPropagation?: boolean): Promise<Entity>;
+    addGroundPoint3vAsync(groundPos: Vec3, altitude?: number, stopPropagation?: boolean): Promise<Entity>;
+    protected _addPoint(groundPos: Vec3, lonLat: LonLat, altitude: number, stopPropagation?: boolean): Promise<Entity>;
+    protected _onLClick: (e: IMouseState) => void;
+    protected _onMouseMove: (e: IMouseState) => void;
+    setHeadPointCartesian3v(entityIndex: number, headPos: Vec3): void;
+    setGroundPointCartesian3v(entityIndex: number, groundPos: Vec3): void;
+    protected _onLUp: (e: IMouseState) => void;
+    protected _onGroundPointerEnter: (e: IMouseState) => void;
+    protected _onGroundPointerLeave: (e: IMouseState) => void;
+    protected _onGroundPointerLDown: (e: IMouseState) => void;
+    protected _onGroundPointerLUp: (e: IMouseState) => void;
+    protected _onHeadPointerEnter: (e: IMouseState) => void;
+    protected _onHeadPointerLeave: (e: IMouseState) => void;
+    protected _onHeadPointerLDown: (e: IMouseState) => void;
+    protected _onHeadPointerLUp: (e: IMouseState) => void;
+    protected _deactivate(): void;
+    setPointerVisibility(visibility: boolean): void;
+    setVisibility(visibility: boolean): void;
+    clear(): void;
+    frame(): void;
+    get ellipsoid(): Ellipsoid | null;
+}
+type ElevationProfileSceneEventsList = [
+    "change",
+    "addpoint"
+];
+export { ElevationProfileScene };