@openglobus/og 0.24.1 → 0.25.0

package/lib/js/control/ruler/RulerScene.d.ts

@@ -1,88 +0,0 @@
-import { Entity } from '../../entity/Entity';
-import type { 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 type { IMouseState } from "../../renderer/RendererEvents";
-import { Ellipsoid } from "../../ellipsoid/Ellipsoid";
-export interface IRulerSceneParams {
-    name?: string;
-    ignoreTerrain?: boolean;
-    planet?: Planet;
-}
-export declare const distanceFormat: (v: number) => string;
-type RulerSceneEventsList = [
-    "add",
-    "remove",
-    "mousemove",
-    "mouseenter",
-    "mouseleave",
-    "lclick",
-    "rclick",
-    "mclick",
-    "ldblclick",
-    "rdblclick",
-    "mdblclick",
-    "lup",
-    "rup",
-    "mup",
-    "ldown",
-    "rdown",
-    "mdown",
-    "lhold",
-    "rhold",
-    "mhold",
-    "mousewheel",
-    "touchmove",
-    "touchstart",
-    "touchend",
-    "doubletouch",
-    "touchleave",
-    "touchenter"
-];
-declare class RulerScene extends RenderNode {
-    events: EventsHandler<RulerSceneEventsList>;
-    protected _ignoreTerrain: boolean;
-    protected _planet: Planet | null;
-    protected _startLonLat: LonLat | null;
-    protected _preventClick: boolean;
-    protected _stopDrawing: boolean;
-    protected _pickedCorner: Entity | null;
-    protected _startPos: Vec2 | null;
-    protected _startClick: Vec2;
-    protected _heading: number;
-    protected _trackLayer: Vector;
-    protected _labelLayer: Vector;
-    protected _cornersLayer: Vector;
-    protected _cornerEntity: Entity[];
-    protected _propsLabel: Entity;
-    protected _trackEntity: Entity;
-    protected _anchorLonLat: LonLat | null;
-    protected _timeout: any;
-    constructor(options?: IRulerSceneParams);
-    set ignoreTerrain(v: boolean);
-    bindPlanet(planet: Planet): void;
-    protected _createCorners(): void;
-    init(): void;
-    onremove(): void;
-    _activate(): void;
-    protected _deactivate(): void;
-    protected _onCornerLdown: (e: IMouseState) => void;
-    protected _onLUp: () => void;
-    protected _onCornerLup: () => void;
-    protected _onCornerEnter: (e: IMouseState) => void;
-    protected _onCornerLeave: (e: IMouseState) => void;
-    protected _onLdblclick: () => void;
-    setVisibility(visibility: boolean): void;
-    protected _onLclick: (e: IMouseState) => void;
-    protected _drawLine(startLonLat: LonLat, endLonLat: LonLat, startPos?: Vec3): void;
-    protected _onMouseMove: (e: IMouseState) => void;
-    clear(): void;
-    isCornersPositionChanged(): boolean;
-    frame(): void;
-    get ellipsoid(): Ellipsoid | null;
-}
-export { RulerScene };

package/lib/js/control/ruler/RulerScene.js

@@ -1,324 +0,0 @@
-import { Entity } from '../../entity/Entity';
-import { createEvents } from '../../Events';
-import { Object3d } from '../../Object3d';
-import { RenderNode } from '../../scene/RenderNode';
-import { Vector } from '../../layer/Vector';
-import { Vec2 } from '../../math/Vec2';
-const OUTLINE_COUNT = 120;
-export const distanceFormat = (v) => {
-    if (v > 1000) {
-        return `${(v / 1000).toFixed(1)} km`;
-    }
-    else if (v > 9) {
-        return `${Math.round(v)} m`;
-    }
-    else {
-        return `${v.toFixed(1)} m`;
-    }
-};
-let obj3d = Object3d.createCylinder(1.1, 0, 2.7, 20, 1, true, false, 0, 0, 0);
-const LABEL_OPTIONS = {
-    text: "",
-    size: 11,
-    color: "rgba(455,455,455,1.0)",
-    outlineColor: "rgba(0,0,0,0.34)",
-    outline: 0.23,
-    align: "center",
-    offset: [0, 20, 0]
-};
-const RULER_CORNER_OPTIONS = {
-    scale: 1,
-    instanced: true,
-    tag: "ruler",
-    color: "rgb(0,305,0)",
-    object3d: obj3d
-};
-class RulerScene extends RenderNode {
-    constructor(options = {}) {
-        super(options.name);
-        this._onCornerLdown = (e) => {
-            if (!this._startLonLat) {
-                this.renderer?.controls.mouseNavigation?.deactivate();
-                this._startClick.set(e.x, e.y);
-                let coords = e.pickingObject.getCartesian();
-                this._startPos = this._planet.getPixelFromCartesian(coords);
-                this._pickedCorner = e.pickingObject;
-                if (e.pickingObject.properties.name == "start") {
-                    this._anchorLonLat = this._cornerEntity[1].getLonLat().clone();
-                }
-                else {
-                    this._anchorLonLat = this._cornerEntity[0].getLonLat().clone();
-                }
-            }
-        };
-        this._onLUp = () => {
-            if (this._pickedCorner) {
-                this.renderer.controls.mouseNavigation?.activate();
-                this._pickedCorner = null;
-                this._anchorLonLat = null;
-            }
-        };
-        this._onCornerLup = () => {
-            this._onLUp();
-        };
-        this._onCornerEnter = (e) => {
-            e.renderer.handler.canvas.style.cursor = "pointer";
-        };
-        this._onCornerLeave = (e) => {
-            e.renderer.handler.canvas.style.cursor = "default";
-        };
-        this._onLdblclick = () => {
-            this._preventClick = true;
-        };
-        this._onLclick = (e) => {
-            let startLonLat = this._planet.getLonLatFromPixelTerrain(e.pos);
-            if (!startLonLat)
-                return;
-            this._timeout = setTimeout(() => {
-                if (!this._preventClick) {
-                    if (!this._startLonLat) {
-                        this.setVisibility(true);
-                        this._stopDrawing = false;
-                        this._startLonLat = startLonLat;
-                    }
-                    else {
-                        this._startLonLat = null;
-                    }
-                }
-                this._preventClick = false;
-                this._stopDrawing = false;
-                clearTimeout(this._timeout);
-            }, 200);
-            if (this._startLonLat) {
-                this._stopDrawing = true;
-            }
-        };
-        this._onMouseMove = (e) => {
-            if (this._startLonLat && !this._stopDrawing) {
-                this._propsLabel.label.setVisibility(true);
-                let endLonLat = this._planet.getLonLatFromPixelTerrain(e.pos);
-                if (!endLonLat)
-                    return;
-                this._drawLine(this._startLonLat, endLonLat);
-            }
-            else if (this._pickedCorner) {
-                let newLonLat = this._planet.getLonLatFromPixelTerrain(e.pos);
-                if (newLonLat) {
-                    if (this._pickedCorner.properties.name === "start") {
-                        this._drawLine(newLonLat, this._anchorLonLat);
-                    }
-                    else {
-                        this._drawLine(this._anchorLonLat, newLonLat);
-                    }
-                }
-            }
-        };
-        this.events = createEvents(RULERSCENE_EVENTS);
-        this._ignoreTerrain = options.ignoreTerrain != undefined ? options.ignoreTerrain : true;
-        this._planet = options.planet || null;
-        this._startLonLat = null;
-        this._preventClick = false;
-        this._stopDrawing = false;
-        this._pickedCorner = null;
-        this._startPos = null;
-        this._startClick = new Vec2();
-        this._anchorLonLat = null;
-        this._heading = 0;
-        this._trackLayer = new Vector("track", {
-            entities: [],
-            pickingEnabled: false,
-            polygonOffsetUnits: -1.0,
-            relativeToGround: true,
-            hideInLayerSwitcher: true
-        });
-        this._labelLayer = new Vector("ruler-label", {
-            entities: [],
-            pickingEnabled: false,
-            polygonOffsetUnits: -100.0,
-            relativeToGround: true,
-            hideInLayerSwitcher: true
-        });
-        this._cornersLayer = new Vector("corners", {
-            entities: [],
-            pickingEnabled: true,
-            hideInLayerSwitcher: true,
-            scaleByDistance: [100, 4000000, 1.0],
-            pickingScale: 2
-        });
-        this._propsLabel = new Entity({
-            name: 'propsLabel',
-            label: LABEL_OPTIONS
-        });
-        this._trackEntity = new Entity({
-            polyline: {
-                path3v: [],
-                thickness: 4.8,
-                color: "rgb(255,131,0)",
-                isClosed: false
-            }
-        });
-        this._trackEntity.polyline.altitude = 0.01;
-        this._cornerEntity = [
-            new Entity({
-                geoObject: RULER_CORNER_OPTIONS,
-                properties: {
-                    name: "start"
-                }
-            }),
-            new Entity({
-                geoObject: RULER_CORNER_OPTIONS,
-                properties: {
-                    name: "end"
-                }
-            })
-        ];
-    }
-    set ignoreTerrain(v) {
-        this._ignoreTerrain = v;
-        if (v) {
-            //...redraw line
-        }
-    }
-    bindPlanet(planet) {
-        this._planet = planet;
-    }
-    _createCorners() {
-        this._cornersLayer.addEntities(this._cornerEntity);
-    }
-    init() {
-        this._createCorners();
-        this._trackLayer.addEntities([this._trackEntity]);
-        this._labelLayer.addEntities([this._propsLabel]);
-        this._planet.addLayer(this._labelLayer);
-        this._planet.addLayer(this._trackLayer);
-        this._planet.addLayer(this._cornersLayer);
-        this._activate();
-    }
-    onremove() {
-        this._deactivate();
-    }
-    _activate() {
-        this._propsLabel.label.setVisibility(false);
-        this.setVisibility(false);
-        this.renderer.events.on("lclick", this._onLclick, this);
-        this.renderer.events.on("mousemove", this._onMouseMove, this);
-        this.renderer.events.on("ldblclick", this._onLdblclick, this);
-        this.renderer.events.on("lup", this._onLUp, this);
-        this._cornersLayer.events.on("mouseenter", this._onCornerEnter, this);
-        this._cornersLayer.events.on("mouseleave", this._onCornerLeave, this);
-        this._cornersLayer.events.on("ldown", this._onCornerLdown, this);
-        this._cornersLayer.events.on("lup", this._onCornerLup, this);
-    }
-    _deactivate() {
-        this._startLonLat = null;
-        this._preventClick = false;
-        this._stopDrawing = false;
-        this._pickedCorner = null;
-        // this._trackLayer.remove();
-        // this._cornersLayer.remove();
-        this.renderer.events.off("lclick", this._onLclick);
-        this.renderer.events.off("mousemove", this._onMouseMove);
-        this.renderer.events.off("lup", this._onLUp);
-        this._cornersLayer.events.off("mouseenter", this._onCornerEnter);
-        this._cornersLayer.events.off("mouseleave", this._onCornerLeave);
-        this._cornersLayer.events.off("ldown", this._onCornerLdown);
-        this._cornersLayer.events.off("lup", this._onCornerLup);
-        this.clear();
-    }
-    setVisibility(visibility) {
-        this._cornersLayer.setVisibility(visibility);
-        this._trackLayer.setVisibility(visibility);
-        this._labelLayer.setVisibility(visibility);
-    }
-    _drawLine(startLonLat, endLonLat, startPos) {
-        if (!startPos) {
-            startPos = this._planet.ellipsoid.lonLatToCartesian(startLonLat);
-        }
-        let endPos = this._planet.ellipsoid.lonLatToCartesian(endLonLat);
-        let res = this._planet.ellipsoid.inverse(startLonLat, endLonLat);
-        let length = res.distance;
-        this._heading = res.initialAzimuth;
-        let path = [];
-        let dir = endPos.sub(startPos);
-        let dist = dir.length();
-        dir.normalize();
-        for (let i = 0; i < OUTLINE_COUNT; i++) {
-            let f = dir.scaleTo(i * dist / OUTLINE_COUNT).addA(startPos);
-            path.push(f);
-        }
-        path.push(endPos);
-        this._trackEntity.polyline.setPath3v([path]);
-        if (this._ignoreTerrain) {
-            this._propsLabel.setCartesian3v(path[Math.floor(path.length / 2)]);
-            this._propsLabel.label.setText(`${distanceFormat(length)}, ${Math.round(this._heading)} deg`);
-        }
-    }
-    clear() {
-        this._trackEntity.remove();
-        this._cornerEntity[0].remove();
-        this._cornerEntity[1].remove();
-        this._propsLabel.remove();
-        this._planet.removeLayer(this._trackLayer);
-        this._planet.removeLayer(this._cornersLayer);
-    }
-    isCornersPositionChanged() {
-        let t = this._trackEntity.polyline.getPath3v()[0];
-        if (t) {
-            const startPos = t[0].clone(), endPos = t[t.length - 1].clone();
-            return this._cornerEntity[0].getCartesian().equal(startPos) &&
-                this._cornerEntity[1].getCartesian().equal(endPos);
-        }
-        return false;
-    }
-    frame() {
-        let t = this._trackEntity.polyline.getPath3v()[0];
-        if (t) {
-            const startPos = t[0].clone(), endPos = t[t.length - 1].clone();
-            if (!this.isCornersPositionChanged()) {
-                this._cornerEntity[0].setCartesian3v(startPos);
-                this._cornerEntity[1].setCartesian3v(endPos);
-                if (!this._ignoreTerrain) {
-                    let res = 0;
-                    for (let i = 0, len = t.length - 1; i < len; i++) {
-                        res += t[i + 1].distance(t[i]);
-                    }
-                    this._propsLabel.setCartesian3v(t[Math.floor(t.length / 2)]);
-                    this._propsLabel.label.setText(`${distanceFormat(res)}, ${Math.round(this._heading)} deg`);
-                }
-            }
-        }
-    }
-    get ellipsoid() {
-        return this._planet ? this._planet.ellipsoid : null;
-    }
-}
-const RULERSCENE_EVENTS = [
-    "add",
-    "remove",
-    "mousemove",
-    "mouseenter",
-    "mouseleave",
-    "lclick",
-    "rclick",
-    "mclick",
-    "ldblclick",
-    "rdblclick",
-    "mdblclick",
-    "lup",
-    "rup",
-    "mup",
-    "ldown",
-    "rdown",
-    "mdown",
-    "lhold",
-    "rhold",
-    "mhold",
-    "mousewheel",
-    "touchmove",
-    "touchstart",
-    "touchend",
-    "doubletouch",
-    "touchleave",
-    "touchenter"
-];
-export { RulerScene };

package/lib/js/control/selection/Selection.d.ts

@@ -1,56 +0,0 @@
-import { Control } from "../Control";
-import type { IControlParams } from "../Control";
-import { SelectionScene } from "./SelectionScene";
-import { ToggleButton } from "../../ui/ToggleButton";
-interface ISelectionParams extends IControlParams {
-    ignoreTerrain?: boolean;
-    onSelect?: boolean;
-    autoSelectionHide?: boolean;
-}
-/**
- * Activate Selection
- * @param {boolean} [options.ignoreTerrain=false].
- * @param {function} options.onSelect - callback (extent) => {} where extent is selected extent array [minLon,minLat,maxLon,maxLat]
- * @param {boolean} [options.autoSelectionHide=false] - clear selection rectangle  after passing extent to callback
- * @example:
- * to use bootstrap icons, include
- *  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css">
- *
- * new Selection({
- *       ignoreTerrain: false,
- *       autoSelectionHide:true,
- *       onSelect: (extent) => {
- *
- *           var vectorSource = new ol.source.Vector({
- *               format: new GeoJSON(),
- *               url: function (extent) {
- *                   return 'https://snap.ogs.trieste.it/geoserver/snap/ows?service=WFS&' +
- *                           'version=1.1.0&request=GetFeature&typename=snap:all_dataset_segy_view&' +
- *                           'outputFormat=application/json&srsname=EPSG:4326&' +
- *                           'bbox=' + extent.join(',') + ',EPSG:4326';
- *               },
- *               strategy: function (extent, resolution) {
- *                   if (this.resolution && this.resolution != resolution) {
- *                       this.loadedExtentsRtree_.clear();
- *                   }
- *                   return [extent];
- *               }
- *           });
- *
- *           vectorSource.loadFeatures(extent);
- *
- *           console.log(extent);
- *
- *       }
- *   });
- */
-export declare class Selection extends Control {
-    protected _selectorScene: SelectionScene;
-    protected _toggleBtn: ToggleButton;
-    constructor(options?: ISelectionParams);
-    set ignoreTerrain(v: boolean);
-    oninit(): void;
-    onactivate(): void;
-    ondeactivate(): void;
-}
-export {};

package/lib/js/control/selection/Selection.js

@@ -1,78 +0,0 @@
-import { Control } from "../Control";
-import { SelectionScene } from "./SelectionScene";
-import { ToggleButton } from "../../ui/ToggleButton";
-const ICON_BUTTON_SVG = `<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
-<svg width="800px" height="800px" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--gis" preserveAspectRatio="xMidYMid meet"><path d="M2.1 0v1.914H0v6h3V3h5.1V0h-6zm9 0v3h6V0h-6zm9 0v3h6V0h-6zm9 0v3h6V0h-6zm9 0v3h6V0h-6zm9 0v3h6V0h-6zm9 0v3h6V0h-6zm9 0v3h1.8v1.2h3V0h-4.8zm1.8 7.2v6h3v-6h-3zM0 10.913v6h3v-6H0zM66.9 16.2v6h3v-6h-3zM0 19.914v6h3v-6H0zM66.9 25.2v6h3v-6h-3zM0 28.914v6h3v-6H0zM66.9 34.2v6h3v-6h-3zM0 37.914v6h3v-6H0zM66.9 43.2v6h3v-6h-3zM0 46.914v6h3v-6H0zM66.9 52.2v6h3v-6h-3zM0 55.914v5.191h3.809v-3H3v-2.19H0zm6.809 2.191v3h6v-3h-6zm9 0v3h6v-3h-6zm9 0v3h6v-3h-6zm9 0v3h6v-3h-6zm9 0v3h6v-3h-6zm9 0v3h6v-3h-6zm9 0v3h6v-3h-6zm9.648 1.899a2.076 2.076 0 0 0-2.19 2.324l3.137 33.676c.2 1.635 2.135 2.399 3.397 1.34l6.623-5.371l2.969 5.142c1.707 2.958 4.417 3.684 7.375 1.977c2.957-1.708 3.684-4.417 1.976-7.375l-2.959-5.125l7.848-3.008c1.548-.564 1.855-2.62.539-3.611L71.576 60.416a2.073 2.073 0 0 0-1.119-.412z" fill="#000000"></path></svg>`;
-/**
- * Activate Selection
- * @param {boolean} [options.ignoreTerrain=false].
- * @param {function} options.onSelect - callback (extent) => {} where extent is selected extent array [minLon,minLat,maxLon,maxLat]
- * @param {boolean} [options.autoSelectionHide=false] - clear selection rectangle  after passing extent to callback
- * @example:
- * to use bootstrap icons, include
- *  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css">
- *
- * new Selection({
- *       ignoreTerrain: false,
- *       autoSelectionHide:true,
- *       onSelect: (extent) => {
- *
- *           var vectorSource = new ol.source.Vector({
- *               format: new GeoJSON(),
- *               url: function (extent) {
- *                   return 'https://snap.ogs.trieste.it/geoserver/snap/ows?service=WFS&' +
- *                           'version=1.1.0&request=GetFeature&typename=snap:all_dataset_segy_view&' +
- *                           'outputFormat=application/json&srsname=EPSG:4326&' +
- *                           'bbox=' + extent.join(',') + ',EPSG:4326';
- *               },
- *               strategy: function (extent, resolution) {
- *                   if (this.resolution && this.resolution != resolution) {
- *                       this.loadedExtentsRtree_.clear();
- *                   }
- *                   return [extent];
- *               }
- *           });
- *
- *           vectorSource.loadFeatures(extent);
- *
- *           console.log(extent);
- *
- *       }
- *   });
- */
-export class Selection extends Control {
-    constructor(options = {}) {
-        super(options);
-        this._selectorScene = new SelectionScene({
-            name: `selectionScene:${this.__id}`,
-            ignoreTerrain: options.ignoreTerrain,
-            onSelect: options.onSelect,
-            autoSelectionHide: options.autoSelectionHide
-        });
-        this._toggleBtn = new ToggleButton({
-            classList: ["og-map-button", "og-selection_button"],
-            icon: ICON_BUTTON_SVG
-        });
-    }
-    set ignoreTerrain(v) {
-        this._selectorScene.ignoreTerrain = v;
-    }
-    oninit() {
-        this._toggleBtn.appendTo(this.renderer.div);
-        this._toggleBtn.events.on("change", (isActive) => {
-            if (isActive) {
-                this.activate();
-            }
-            else {
-                this.deactivate();
-            }
-        });
-        this._selectorScene.bindPlanet(this.planet);
-    }
-    onactivate() {
-        this.renderer.addNode(this._selectorScene);
-    }
-    ondeactivate() {
-        this.renderer.removeNode(this._selectorScene);
-    }
-}

package/lib/js/control/selection/SelectionScene.d.ts

@@ -1,44 +0,0 @@
-import { Entity } from '../../entity/Entity';
-import { Events } from '../../Events';
-import { Vector } from '../../layer/Vector';
-import { RenderNode } from '../../scene/RenderNode';
-declare class SelectionScene extends RenderNode {
-    events: Events<string[]>;
-    _ignoreTerrain: boolean;
-    _onSelect: any;
-    _autoSelectionHide: any;
-    _planet: any;
-    _startLonLat: any;
-    _heading: number;
-    _propsLabel: Entity;
-    _trackEntity: Entity;
-    _cornerEntity: Entity[];
-    _trackLayer: Vector;
-    _cornersLayer: Vector;
-    _onMouseMove_: any;
-    _onMouseLdown_: any;
-    _onMouseLup_: any;
-    _pickedCorner: any;
-    _anchorLonLat: any;
-    constructor(options?: {
-        name?: string;
-        ignoreTerrain?: boolean;
-        onSelect?: any;
-        autoSelectionHide?: boolean;
-        planet?: any;
-    });
-    set ignoreTerrain(v: boolean);
-    bindPlanet(planet: any): void;
-    init(): void;
-    onremove(): void;
-    _activate(): void;
-    _deactivate(): void;
-    _onMouseLdown(e: any): void;
-    _onMouseLup(e: any): void;
-    _drawLine(startLonLat: any, endLonLat: any, startPos?: any): void;
-    _onMouseMove(e: any): void;
-    clear(): void;
-    frame(): void;
-    get ellipsoid(): any;
-}
-export { SelectionScene };