@openglobus/og 0.18.0 → 0.18.1

package/lib/js/entity/Geometry.d.ts

@@ -0,0 +1,111 @@
+import { Entity } from "./Entity";
+import { Extent } from "../Extent";
+import { GeometryHandler } from "./GeometryHandler";
+import { NumberArray4, Vec4 } from "../math/Vec4";
+import { NumberArray2 } from "../math/Vec2";
+import { NumberArray3 } from "../math/Vec3";
+declare const GeometryType: Record<string, number>;
+export type CoordinatesType = NumberArray2 | NumberArray3;
+export type IPointCoordinates = CoordinatesType;
+export type ILineStringCoordinates = CoordinatesType[];
+export type IPolygonCoordinates = CoordinatesType[][];
+export type IMultiLineStringCoordinates = ILineStringCoordinates[];
+export type IMultiPolygonCoordinates = IPolygonCoordinates[];
+export type IGeometryCoordinates = IPointCoordinates | IPolygonCoordinates | IMultiPolygonCoordinates | ILineStringCoordinates | IMultiLineStringCoordinates;
+interface IGeometry {
+    type: string;
+    coordinates: IGeometryCoordinates;
+}
+interface IGeometryStyle {
+    fillColor?: string | NumberArray4 | Vec4;
+    lineColor?: string | NumberArray4 | Vec4;
+    strokeColor?: string | NumberArray4 | Vec4;
+    lineWidth?: number;
+    strokeWidth?: number;
+}
+interface IGeometryStyleInternal {
+    fillColor: Vec4;
+    lineColor: Vec4;
+    strokeColor: Vec4;
+    lineWidth: number;
+    strokeWidth: number;
+}
+export interface IGeometryParams {
+    type?: string;
+    coordinates?: IGeometryCoordinates;
+    style?: IGeometryStyle;
+    visibility?: boolean;
+}
+declare class Geometry {
+    static __counter__: number;
+    __id: number;
+    /**
+     * Entity instance that holds this geometry.
+     * @public
+     * @type {Entity}
+     */
+    _entity: Entity | null;
+    _handler: GeometryHandler | null;
+    _handlerIndex: number;
+    _polyVerticesHighMerc: number[];
+    _polyVerticesLowMerc: number[];
+    _polyVerticesLength: number;
+    _polyIndexesLength: number;
+    _polyVerticesHandlerIndex: number;
+    _polyIndexesHandlerIndex: number;
+    _lineVerticesHighMerc: number[];
+    _lineVerticesLowMerc: number[];
+    _lineVerticesLength: number;
+    _lineOrdersLength: number;
+    _lineIndexesLength: number;
+    _lineColorsLength: number;
+    _lineThicknessLength: number;
+    _lineVerticesHandlerIndex: number;
+    _lineOrdersHandlerIndex: number;
+    _lineIndexesHandlerIndex: number;
+    _lineThicknessHandlerIndex: number;
+    _lineColorsHandlerIndex: number;
+    protected _type: number;
+    _coordinates: IGeometryCoordinates;
+    protected _extent: Extent;
+    _style: IGeometryStyleInternal;
+    protected _visibility: boolean;
+    _pickingReady: boolean;
+    constructor(options?: IGeometryParams);
+    get id(): number;
+    get type(): number;
+    static getType(typeStr: string): number;
+    /**
+     * Returns geometry extent.
+     @static
+     @param {IGeometry} geometryObj - GeoJSON style geometry feature.
+     @param {IGeometryCoordinates} outCoordinates - Geometry feature coordinates clone.
+     @returns {Extent} -
+     */
+    static getExtent(geometryObj: IGeometry, outCoordinates: IGeometryCoordinates): Extent;
+    /**
+     * @todo ASAP need test for this method
+     * @param geoJson
+     * @returns {Geometry}
+     */
+    setGeometry(geoJson: IGeometry): Geometry;
+    setFillColor(r: number, g: number, b: number, a?: number): Geometry;
+    overlaps(extent: Extent): boolean;
+    setFillColor4v(rgba: Vec4): Geometry;
+    setStrokeColor(r: number, g: number, b: number, a?: number): Geometry;
+    setLineColor(r: number, g: number, b: number, a?: number): Geometry;
+    setStrokeColor4v(rgba: Vec4): Geometry;
+    setLineColor4v(rgba: Vec4): Geometry;
+    setStrokeOpacity(opacity: number): Geometry;
+    setLineOpacity(opacity: number): Geometry;
+    setStrokeWidth(width: number): Geometry;
+    bringToFront(): Geometry;
+    setLineWidth(width: number): Geometry;
+    setFillOpacity(opacity: number): Geometry;
+    setVisibility(visibility: boolean): Geometry;
+    getVisibility(): boolean;
+    remove(): void;
+    getExtent(): Extent;
+    getType(): number;
+}
+export { Geometry, GeometryType };

package/lib/js/entity/Geometry.js

@@ -0,0 +1,283 @@
+import * as utils from "../utils/shared";
+import { Extent } from "../Extent";
+import { LonLat } from "../LonLat";
+import { Vec4 } from "../math/Vec4";
+const GeometryType = {
+    POINT: 1,
+    LINESTRING: 2,
+    POLYGON: 3,
+    MULTIPOLYGON: 4,
+    MULTILINESTRING: 5
+};
+class Geometry {
+    constructor(options = {}) {
+        this.__id = Geometry.__counter__++;
+        this._entity = null;
+        this._handler = null;
+        this._handlerIndex = -1;
+        this._polyVerticesHighMerc = [];
+        this._polyVerticesLowMerc = [];
+        this._polyVerticesLength = -1;
+        this._polyIndexesLength = -1;
+        this._polyVerticesHandlerIndex = -1;
+        this._polyIndexesHandlerIndex = -1;
+        this._lineVerticesHighMerc = [];
+        this._lineVerticesLowMerc = [];
+        this._lineVerticesLength = -1;
+        this._lineOrdersLength = -1;
+        this._lineIndexesLength = -1;
+        this._lineColorsLength = -1;
+        this._lineThicknessLength = -1;
+        this._lineVerticesHandlerIndex = -1;
+        this._lineOrdersHandlerIndex = -1;
+        this._lineIndexesHandlerIndex = -1;
+        this._lineThicknessHandlerIndex = -1;
+        this._lineColorsHandlerIndex = -1;
+        this._type = (options.type && Geometry.getType(options.type)) || GeometryType.POINT;
+        this._coordinates = [];
+        this._extent = Geometry.getExtent({
+            type: options.type || "Point",
+            coordinates: options.coordinates || []
+        }, this._coordinates);
+        options.style = options.style || {};
+        this._style = {
+            fillColor: utils.createColorRGBA(options.style.fillColor, new Vec4(0.19, 0.62, 0.85, 0.4)),
+            lineColor: utils.createColorRGBA(options.style.lineColor, new Vec4(0.19, 0.62, 0.85, 1)),
+            strokeColor: utils.createColorRGBA(options.style.strokeColor, new Vec4(1, 1, 1, 0.95)),
+            lineWidth: options.style.lineWidth || 3,
+            strokeWidth: options.style.strokeWidth || 0
+        };
+        this._visibility = options.visibility || true;
+        // optimization flag for picking mask rendering pass
+        this._pickingReady = false;
+    }
+    get id() {
+        return this.__id;
+    }
+    get type() {
+        return this._type;
+    }
+    static getType(typeStr) {
+        return GeometryType[typeStr.toUpperCase()];
+    }
+    /**
+     * Returns geometry extent.
+     @static
+     @param {IGeometry} geometryObj - GeoJSON style geometry feature.
+     @param {IGeometryCoordinates} outCoordinates - Geometry feature coordinates clone.
+     @returns {Extent} -
+     */
+    static getExtent(geometryObj, outCoordinates) {
+        let res = new Extent(new LonLat(180.0, 90.0), new LonLat(-180.0, -90.0));
+        let t = Geometry.getType(geometryObj.type);
+        if (t === GeometryType.POINT) {
+            let lon = geometryObj.coordinates[0], lat = geometryObj.coordinates[1];
+            res.southWest.lon = lon;
+            res.southWest.lat = lat;
+            res.northEast.lon = lon;
+            res.northEast.lat = lat;
+            outCoordinates && (outCoordinates[0] = lon) && (outCoordinates[1] = lat);
+        }
+        else if (t === GeometryType.LINESTRING) {
+            let c = geometryObj.coordinates;
+            for (let i = 0; i < c.length; i++) {
+                let lon = c[i][0], lat = c[i][1];
+                if (lon < res.southWest.lon)
+                    res.southWest.lon = lon;
+                if (lat < res.southWest.lat)
+                    res.southWest.lat = lat;
+                if (lon > res.northEast.lon)
+                    res.northEast.lon = lon;
+                if (lat > res.northEast.lat)
+                    res.northEast.lat = lat;
+                outCoordinates && (outCoordinates[i] = [lon, lat]);
+            }
+        }
+        else if (t === GeometryType.POLYGON) {
+            let c = geometryObj.coordinates;
+            for (let i = 0; i < c.length; i++) {
+                let ci = c[i];
+                outCoordinates && (outCoordinates[i] = []);
+                for (let j = 0; j < ci.length; j++) {
+                    let cij = ci[j];
+                    let lon = cij[0], lat = cij[1];
+                    if (lon < res.southWest.lon)
+                        res.southWest.lon = lon;
+                    if (lat < res.southWest.lat)
+                        res.southWest.lat = lat;
+                    if (lon > res.northEast.lon)
+                        res.northEast.lon = lon;
+                    if (lat > res.northEast.lat)
+                        res.northEast.lat = lat;
+                    outCoordinates && (outCoordinates[i][j] = [lon, lat]);
+                }
+            }
+        }
+        else if (t === GeometryType.MULTIPOLYGON) {
+            let p = geometryObj.coordinates;
+            for (let i = 0; i < p.length; i++) {
+                let pi = p[i];
+                outCoordinates && (outCoordinates[i] = []);
+                for (let j = 0; j < pi.length; j++) {
+                    let pij = pi[j];
+                    outCoordinates && (outCoordinates[i][j] = []);
+                    for (let k = 0; k < pij.length; k++) {
+                        let pijk = pij[k];
+                        let lon = pijk[0], lat = pijk[1];
+                        if (lon < res.southWest.lon)
+                            res.southWest.lon = lon;
+                        if (lat < res.southWest.lat)
+                            res.southWest.lat = lat;
+                        if (lon > res.northEast.lon)
+                            res.northEast.lon = lon;
+                        if (lat > res.northEast.lat)
+                            res.northEast.lat = lat;
+                        outCoordinates && (outCoordinates[i][j][k] = [lon, lat]);
+                    }
+                }
+            }
+        }
+        else if (t === GeometryType.MULTILINESTRING) {
+            let c = geometryObj.coordinates;
+            for (let i = 0; i < c.length; i++) {
+                let ci = c[i];
+                outCoordinates && (outCoordinates[i] = []);
+                for (let j = 0; j < ci.length; j++) {
+                    let cij = ci[j];
+                    let lon = cij[0], lat = cij[1];
+                    if (lon < res.southWest.lon)
+                        res.southWest.lon = lon;
+                    if (lat < res.southWest.lat)
+                        res.southWest.lat = lat;
+                    if (lon > res.northEast.lon)
+                        res.northEast.lon = lon;
+                    if (lat > res.northEast.lat)
+                        res.northEast.lat = lat;
+                    outCoordinates && (outCoordinates[i][j] = [lon, lat]);
+                }
+            }
+        }
+        else {
+            res.southWest.lon = res.southWest.lat = res.northEast.lon = res.northEast.lat = 0.0;
+            outCoordinates && (outCoordinates[0] = 0) && (outCoordinates[1] = 0);
+        }
+        return res;
+    }
+    /**
+     * @todo ASAP need test for this method
+     * @param geoJson
+     * @returns {Geometry}
+     */
+    setGeometry(geoJson) {
+        let h = this._handler;
+        if (h) {
+            this.remove();
+            this._type = Geometry.getType(geoJson.type || "Point");
+            this._extent = Geometry.getExtent(geoJson, this._coordinates);
+            h.add(this);
+        }
+        return this;
+    }
+    setFillColor(r, g, b, a = 1.0) {
+        let c = this._style.fillColor;
+        if ((c.w === 0.0 && a !== 0.0) || (c.w !== 0.0 && a === 0.0)) {
+            this._pickingReady = false;
+        }
+        c.x = r;
+        c.y = g;
+        c.z = b;
+        c.w = a;
+        this._handler && this._handler.setPolyColorArr(this, c);
+        return this;
+    }
+    overlaps(extent) {
+        return this._extent.overlaps(extent);
+    }
+    setFillColor4v(rgba) {
+        return this.setFillColor(rgba.x, rgba.y, rgba.z, rgba.w);
+    }
+    setStrokeColor(r, g, b, a = 1.0) {
+        let c = this._style.strokeColor;
+        if ((c.w === 0.0 && a !== 0.0) || (c.w !== 0.0 && a === 0.0)) {
+            this._pickingReady = false;
+        }
+        c.x = r;
+        c.y = g;
+        c.z = b;
+        c.w = a;
+        this._handler && this._handler.setLineStrokeColorArr(this, c);
+        return this;
+    }
+    setLineColor(r, g, b, a = 1.0) {
+        let c = this._style.lineColor;
+        if ((c.w === 0.0 && a !== 0.0) || (c.w !== 0.0 && a === 0.0)) {
+            this._pickingReady = false;
+        }
+        c.x = r;
+        c.y = g;
+        c.z = b;
+        c.w = a;
+        this._handler && this._handler.setLineColorArr(this, c);
+        return this;
+    }
+    setStrokeColor4v(rgba) {
+        return this.setStrokeColor(rgba.x, rgba.y, rgba.z, rgba.w);
+    }
+    setLineColor4v(rgba) {
+        return this.setLineColor(rgba.x, rgba.y, rgba.z, rgba.w);
+    }
+    setStrokeOpacity(opacity) {
+        let c = this._style.strokeColor;
+        c.w = opacity;
+        return this.setStrokeColor(c.x, c.y, c.z, opacity);
+    }
+    setLineOpacity(opacity) {
+        let c = this._style.lineColor;
+        c.w = opacity;
+        return this.setLineColor(c.x, c.y, c.z, opacity);
+    }
+    setStrokeWidth(width) {
+        this._style.strokeWidth = width;
+        this._pickingReady = false;
+        this._handler && this._handler.setLineStrokeArr(this, width);
+        return this;
+    }
+    bringToFront() {
+        this._handler && this._handler.bringToFront(this);
+        return this;
+    }
+    setLineWidth(width) {
+        this._style.lineWidth = width;
+        this._pickingReady = false;
+        this._handler && this._handler.setLineThicknessArr(this, width);
+        return this;
+    }
+    setFillOpacity(opacity) {
+        let c = this._style.fillColor;
+        if ((c.w === 0.0 && opacity !== 0.0) || (c.w !== 0.0 && opacity === 0.0)) {
+            this._pickingReady = false;
+        }
+        c.w = opacity;
+        this._handler && this._handler.setPolyColorArr(this, c);
+        return this;
+    }
+    setVisibility(visibility) {
+        this._visibility = visibility;
+        this._handler && this._handler.setGeometryVisibility(this);
+        return this;
+    }
+    getVisibility() {
+        return this._visibility;
+    }
+    remove() {
+        this._handler && this._handler.remove(this);
+    }
+    getExtent() {
+        return this._extent.clone();
+    }
+    getType() {
+        return this._type;
+    }
+}
+Geometry.__counter__ = 0;
+export { Geometry, GeometryType };

package/lib/js/entity/GeometryHandler.d.ts

@@ -0,0 +1,84 @@
+import { Extent } from "../Extent";
+import { Handler } from "../webgl/Handler";
+import { Vector } from "../layer/Vector";
+import { Node } from "../quadTree/Node";
+import { Vec3 } from "../math/Vec3";
+import { Vec4 } from "../math/Vec4";
+import { CoordinatesType, Geometry } from "./Geometry";
+import { WebGLBufferExt } from "../webgl/Handler";
+declare class GeometryHandler {
+    static __counter__: number;
+    protected __id: number;
+    protected _layer: Vector;
+    protected _handler: Handler | null;
+    protected _geometries: Geometry[];
+    protected _updatedGeometryArr: Geometry[];
+    protected _updatedGeometry: Record<number, boolean>;
+    protected _removeGeometryExtentArr: Extent[];
+    protected _removeGeometryExtents: Record<number, boolean>;
+    protected _polyVerticesHighMerc: number[];
+    protected _polyVerticesLowMerc: number[];
+    protected _polyColors: number[];
+    protected _polyPickingColors: number[];
+    protected _polyIndexes: number[];
+    protected _lineVerticesHighMerc: number[];
+    protected _lineVerticesLowMerc: number[];
+    protected _lineOrders: number[];
+    protected _lineIndexes: number[];
+    protected _lineColors: number[];
+    protected _linePickingColors: number[];
+    protected _lineThickness: number[];
+    protected _lineStrokes: number[];
+    protected _lineStrokeColors: number[];
+    _polyVerticesHighBufferMerc: WebGLBufferExt | null;
+    _polyVerticesLowBufferMerc: WebGLBufferExt | null;
+    _polyColorsBuffer: WebGLBufferExt | null;
+    _polyPickingColorsBuffer: WebGLBufferExt | null;
+    _polyIndexesBuffer: WebGLBufferExt | null;
+    _lineVerticesHighBufferMerc: WebGLBufferExt | null;
+    _lineVerticesLowBufferMerc: WebGLBufferExt | null;
+    _lineColorsBuffer: WebGLBufferExt | null;
+    _linePickingColorsBuffer: WebGLBufferExt | null;
+    _lineThicknessBuffer: WebGLBufferExt | null;
+    _lineStrokesBuffer: WebGLBufferExt | null;
+    _lineStrokeColorsBuffer: WebGLBufferExt | null;
+    _lineOrdersBuffer: WebGLBufferExt | null;
+    _lineIndexesBuffer: WebGLBufferExt | null;
+    protected _buffersUpdateCallbacks: Function[];
+    protected _changedBuffers: boolean[];
+    constructor(layer: Vector);
+    static appendLineData(pathArr: CoordinatesType[][], isClosed: boolean, color: Vec4, pickingColor: Vec3, thickness: number, strokeColor: Vec4, strokeSize: number, outVerticesHigh: number[], outVerticesLow: number[], outOrders: number[], outIndexes: number[], outColors: number[], outPickingColors: number[], outThickness: number[], outStrokeColors: number[], outStrokes: number[], outVerticesHigh2: number[], outVerticesLow2: number[]): void;
+    assignHandler(handler: Handler): void;
+    /**
+     * @public
+     * @param {Geometry} geometry - Geometry object.
+     */
+    add(geometry: Geometry): void;
+    remove(geometry: Geometry): void;
+    protected _refreshRecursevely(geometry: Geometry, treeNode: Node): void;
+    protected _refreshRecursevelyExt(extent: Extent, treeNode: Node): void;
+    protected _refreshPlanetNode(treeNode: Node): void;
+    protected _updatePlanet(): void;
+    protected refresh(): void;
+    update(): void;
+    setGeometryVisibility(geometry: Geometry): void;
+    setPolyColorArr(geometry: Geometry, color: Vec4): void;
+    setLineStrokeColorArr(geometry: Geometry, color: Vec4): void;
+    setLineColorArr(geometry: Geometry, color: Vec4): void;
+    setLineStrokeArr(geometry: Geometry, width: number): void;
+    setLineThicknessArr(geometry: Geometry, width: number): void;
+    bringToFront(geometry: Geometry): void;
+    createPolyVerticesBuffer(): void;
+    createPolyIndexesBuffer(): void;
+    createPolyColorsBuffer(): void;
+    createPolyPickingColorsBuffer(): void;
+    createLineVerticesBuffer(): void;
+    createLineIndexesBuffer(): void;
+    createLineOrdersBuffer(): void;
+    createLineColorsBuffer(): void;
+    createLinePickingColorsBuffer(): void;
+    createLineThicknessBuffer(): void;
+    createLineStrokesBuffer(): void;
+    createLineStrokeColorsBuffer(): void;
+}
+export { GeometryHandler };