@openglobus/og 0.19.3 → 0.20.0

package/lib/js/ui/Color.js

@@ -0,0 +1,58 @@
+import { View } from './View';
+import { stringTemplate } from '../utils/shared';
+const COLOR_EVENTS = ["input"];
+const TEMPLATE = `<div class="og-color">
+      <label for="{id}" class="og-color-label">{label}</label>
+      <input type="color" name="{id}" value="{value}"/>
+    </div>`;
+let __labelCounter__ = 0;
+class Color extends View {
+    constructor(options = {}) {
+        super({
+            template: stringTemplate(TEMPLATE, {
+                id: `color-${__labelCounter__++}`,
+                label: options.label || ""
+            })
+        });
+        this._onInput = (e) => {
+            //@ts-ignore
+            this.value = e.target.value;
+        };
+        //@ts-ignore
+        this.events = this.events.registerNames(COLOR_EVENTS);
+        this._value = options.value || "blue";
+        this.$label = null;
+        this.$input = null;
+    }
+    render(params) {
+        super.render(params);
+        this.$label = this.select(".og-color-label");
+        if (this.$label.innerHTML === "") {
+            this.$label.style.display = "none";
+        }
+        this.$input = this.select("input");
+        this._initEvents();
+        return this;
+    }
+    set value(val) {
+        if (val !== this._value) {
+            this._value = val;
+            this.$input.value = this._value;
+            this.events.dispatch(this.events.input, this._value, this);
+        }
+    }
+    get value() {
+        return this._value;
+    }
+    _initEvents() {
+        this.$input.addEventListener("input", this._onInput);
+    }
+    _clearEvents() {
+        this.$input.removeEventListener("input", this._onInput);
+    }
+    remove() {
+        this._clearEvents();
+        super.remove();
+    }
+}
+export { Color };

package/lib/js/utils/GeoImageCreator.js

@@ -145,7 +145,7 @@ export class GeoImageCreator {
                           v_texCoords = texCoords; 
                           vec2 highDiff = cornersHigh - extentParamsHigh.xy;
                           vec2 lowDiff = cornersLow - extentParamsLow.xy;                                        
-                          gl_Position = vec4((-1.0 + (highDiff + lowDiff) * extentParamsHigh.zw) * vec2(1.0, -1.0), 0.0, 1.0); 
+                          gl_Position = vec4((-1.0 + (highDiff * step(1.0, length(highDiff)) + lowDiff) * extentParamsHigh.zw) * vec2(1.0, -1.0), 0.0, 1.0); 
                       }`,
             fragmentShader: `precision highp float;
                         uniform sampler2D sourceTexture;

package/lib/js/utils/NormalMapCreator.js

@@ -108,7 +108,7 @@ export class NormalMapCreator {
         this._normalMapVerticesTexture = this._handler.createEmptyTexture_l(this._width, this._height);
         //create vertices hasharray for different grid size segments from 2^4(16) to 2^7(128)
         for (let p = this._minTabelSize; p <= this._maxTableSize; p++) {
-            const gs = Math.pow(2, p);
+            const gs = (1 << p); //Math.pow(2, p);
             const gs2 = gs / 2;
             let vertices = new Float32Array((gs + 1) * (gs + 1) * 2);
             for (let i = 0; i <= gs; i++) {

package/lib/js/utils/VectorTileCreator.js

@@ -55,8 +55,8 @@ export class VectorTileCreator {
                 
                 vec2 proj(vec2 coordHigh, vec2 coordLow) {
                     vec2 highDiff = coordHigh - extentParamsHigh.xy;
-                    vec2 lowDiff = coordLow - extentParamsLow.xy;
-                    return vec2(-1.0 + (highDiff + lowDiff) * extentParamsHigh.zw) * vec2(1.0, -1.0);
+                    vec2 lowDiff = coordLow - extentParamsLow.xy;                    
+                    return vec2(-1.0 + (highDiff * step(1.0, length(highDiff)) + lowDiff) * extentParamsHigh.zw) * vec2(1.0, -1.0);
                 }
                 
                 void main(){
@@ -149,7 +149,7 @@ export class VectorTileCreator {
                 vec2 proj(vec2 coordHigh, vec2 coordLow) {
                     vec2 highDiff = coordHigh - extentParamsHigh.xy;
                     vec2 lowDiff = coordLow - extentParamsLow.xy;
-                    return vec2(-1.0 + (highDiff + lowDiff) * extentParamsHigh.zw) * vec2(1.0, -1.0);
+                    return vec2(-1.0 + (highDiff * step(1.0, length(highDiff)) + lowDiff) * extentParamsHigh.zw) * vec2(1.0, -1.0);
                 }
 
                 void main() { 

package/lib/js/utils/objParser.js

@@ -10,8 +10,8 @@ export function objParser(text) {
     ];
     // same order as `f` indices
     let vertexData = [
-        [],
-        [],
+        [], // positions
+        [], // texcoords
         [], // normals
     ];
     const materialLibs = [];
@@ -82,7 +82,7 @@ export function objParser(text) {
             }
         },
         s: () => {
-        },
+        }, // smoothing group
         mtllib(parts, unparsedArgs) {
             // the spec says there can be multiple filenames here
             // but many exist with spaces in a single filename

package/lib/js/utils/shared.d.ts

@@ -19,6 +19,7 @@ export declare function isUndef(obj?: any): boolean;
 export declare function isUndefExt(obj: any, defVal: any): any;
 export declare function stamp(obj: any): number;
 export declare function isString(s: any): boolean;
+export declare function rgbToStringHTML(rgb: NumberArray3 | Vec3): string;
 /**
  * Convert html color string to the RGBA number vector.
  * @param {string} htmlColor - HTML string("#C6C6C6" or "#EF5" or "rgb(8,8,8)" or "rgba(8,8,8)") color.
@@ -52,8 +53,9 @@ export declare function stringTemplate(template: string, params?: any): string;
 export declare function getHTML(template: string, params?: any): string;
 export declare function parseHTML(htmlStr: string): HTMLElement[];
 export declare function print2d(id: string, text: string, x: number, y: number): void;
+export declare function isNumber(value: any): boolean;
 export declare function defaultString(str?: string, def?: string): string;
-export declare function createVector3(v?: Vec3 | Vec2 | NumberArray3 | NumberArray2 | null, def?: Vec3): Vec3;
+export declare function createVector3(v?: number | Vec3 | Vec2 | NumberArray3 | NumberArray2 | null, def?: Vec3): Vec3;
 export declare function createVector4(v?: Vec4 | NumberArray4 | null, def?: Vec4): Vec4;
 export declare function createColorRGBA(c?: string | NumberArray4 | Vec4 | null, def?: Vec4): Vec4;
 export declare function createColorRGB(c?: string | NumberArray3 | Vec3 | null, def?: Vec3): Vec3;
@@ -239,14 +241,6 @@ export declare function getMatrixSubArray64(sourceArr: TypedArray | number[], gr
 export declare function getMatrixSubArray32(sourceArr: TypedArray | number[], gridSize: number, i0: number, j0: number, size: number): Float32Array;
 /**
  * Returns two float32 triangle coordinate arrays from inside of the source triangle array.
- * @static
- * @param {Array.<number>} sourceArr - Source array
- * @param {number} gridSize - Source array square matrix size
- * @param {number} i0 - First row index source array matrix
- * @param {number} j0 - First column index
- * @param {number} size - Square matrix result size.
- * @param {object} outBounds - Output bounds.
- * @return{Array.<number>} Triangle coordinates array from the source array.
  * @TODO: optimization
  */
 export declare function getMatrixSubArrayBoundsExt(sourceArr: TypedArray | number[], sourceArrHigh: TypedArray | number[], sourceArrLow: TypedArray | number[], noDataVertices: TypedArray | number[] | undefined, gridSize: number, i0: number, j0: number, size: number, outArr: TypedArray | number[], outArrHigh: TypedArray | number[], outArrLow: TypedArray | number[], outBounds: any, outNoDataVertices: TypedArray | number[]): void;

package/lib/js/utils/shared.js

@@ -36,6 +36,23 @@ export function stamp(obj) {
 export function isString(s) {
     return typeof s === "string" || s instanceof String;
 }
+function d2h(val) {
+    return val.toString(16).padStart(2, '0');
+}
+export function rgbToStringHTML(rgb) {
+    let r, g, b;
+    if (rgb instanceof Array) {
+        r = d2h(rgb[0]);
+        g = d2h(rgb[1]);
+        b = d2h(rgb[2]);
+    }
+    else {
+        r = d2h(rgb.x);
+        g = d2h(rgb.y);
+        b = d2h(rgb.z);
+    }
+    return `#${r}${g}${b}`;
+}
 /**
  * Convert html color string to the RGBA number vector.
  * @param {string} htmlColor - HTML string("#C6C6C6" or "#EF5" or "rgb(8,8,8)" or "rgba(8,8,8)") color.
@@ -145,12 +162,18 @@ export function print2d(id, text, x, y) {
     el.style.left = `${x}px`;
     el.style.top = `${y}px`;
 }
+export function isNumber(value) {
+    return typeof value === 'number';
+}
 export function defaultString(str, def = "") {
     return str ? str.trim() : def;
 }
 export function createVector3(v, def) {
     if (v) {
-        if (v instanceof Vec3) {
+        if (isNumber(v)) {
+            return new Vec3(v, v, v);
+        }
+        else if (v instanceof Vec3) {
             return v.clone();
         }
         else if (v instanceof Array) {
@@ -797,14 +820,6 @@ export function getMatrixSubArray32(sourceArr, gridSize, i0, j0, size) {
 }
 /**
  * Returns two float32 triangle coordinate arrays from inside of the source triangle array.
- * @static
- * @param {Array.<number>} sourceArr - Source array
- * @param {number} gridSize - Source array square matrix size
- * @param {number} i0 - First row index source array matrix
- * @param {number} j0 - First column index
- * @param {number} size - Square matrix result size.
- * @param {object} outBounds - Output bounds.
- * @return{Array.<number>} Triangle coordinates array from the source array.
  * @TODO: optimization
  */
 export function getMatrixSubArrayBoundsExt(sourceArr, sourceArrHigh, sourceArrLow, noDataVertices, gridSize, i0, j0, size, outArr, outArrHigh, outArrLow, outBounds, outNoDataVertices) {

package/package.json

@@ -1,14 +1,16 @@
 {
   "name": "@openglobus/og",
-  "version": "0.19.3",
+  "version": "0.20.0",
   "description": "[openglobus](https://www.openglobus.org/) is a javascript/typescript library designed to display interactive 3d maps and planets with map tiles, imagery and vector data, markers, and 3D objects. It uses the WebGL technology, open source, and completely free.",
   "directories": {
     "example": "./sandbox"
   },
   "main": "./lib/js/index.js",
+  "types": "./lib/js/index.d.ts",
   "style": "./css/og.css",
   "scripts": {
     "docs": "jsdoc -r ./src/ -c ./jsdoc.conf.json -d ./docs",
+    "serve_docs": "cd docs; ws -p 8088",
     "serve": "ws -p 8080",
     "build": "rollup -c --bundleConfigAsCjs",
     "clean": "rm -rf ./lib ./docs",
@@ -32,28 +34,34 @@
   },
   "homepage": "https://www.openglobus.org",
   "devDependencies": {
-    "@babel/preset-env": "^7.22.20",
-    "@rollup/plugin-json": "^6.0.0",
-    "@rollup/plugin-terser": "^0.4.3",
-    "@rollup/plugin-typescript": "^11.1.3",
-    "@types/jest": "^29.5.5",
-    "@typescript-eslint/eslint-plugin": "^6.7.2",
-    "@typescript-eslint/parser": "^6.7.2",
-    "clean-jsdoc-theme": "^4.2.10",
-    "eslint": "^8.49.0",
+    "@babel/cli": "^7.24.7",
+    "@babel/core": "^7.24.7",
+    "@babel/plugin-proposal-class-properties": "^7.18.6",
+    "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
+    "@babel/preset-env": "^7.24.7",
+    "@babel/preset-typescript": "^7.24.7",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^11.1.6",
+    "@types/jest": "^29.5.12",
+    "@typescript-eslint/eslint-plugin": "^7.10.0",
+    "@typescript-eslint/parser": "^7.10.0",
+    "clean-jsdoc-theme": "^4.3.0",
+    "eslint": "^8.57.0",
     "jest": "^29.7.0",
     "jest-canvas-mock": "^2.5.2",
     "jest-environment-jsdom": "^29.7.0",
-    "jsdoc": "^4.0.2",
-    "lint-staged": "^14.0.1",
-    "local-web-server": "^5.3.0",
-    "postcss": "^8.4.31",
-    "prettier": "^3.0.3",
-    "rollup": "^3.29.2",
+    "jsdoc": "^4.0.3",
+    "jsdoc-babel": "^0.5.0",
+    "lint-staged": "^15.2.4",
+    "local-web-server": "^5.3.3",
+    "postcss": "^8.4.38",
+    "prettier": "^3.2.5",
+    "rollup": "^4.18.0",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-postcss": "^4.0.2",
-    "ts-jest": "^29.1.1",
-    "typescript": "^5.2.2"
+    "ts-jest": "^29.1.3",
+    "typescript": "^5.4.5"
   },
   "lint-staged": {
     "*.{js,ts}": [

package/lib/js/terrain/MapboxTerrain.js

@@ -1,298 +0,0 @@
-import * as mercator from "../mercator";
-import { getTileExtent } from "../mercator";
-import { GlobusTerrain } from "./GlobusTerrain";
-import { isPowerOfTwo } from "../math";
-import { Layer } from "../layer/Layer";
-/**
- * The key doesn't work; just an example!
- */
-const KEY = "pk.eyJ1IjoiZm94bXVsZGVyODMiLCJhIjoiY2pqYmR3dG5oM2Z1bzNrczJqYm5pODhuNSJ9.Y4DRmEPhb-XSlCR9CAXACQ";
-const rgb2Height = (r, g, b) => {
-    return -10000 + 0.1 * (r * 256 * 256 + g * 256 + b);
-};
-class MapboxTerrain extends GlobusTerrain {
-    constructor(name, options = {}) {
-        super(name || "MapboxTerrain", {
-            equalizeVertices: options.equalizeVertices != undefined ? options.equalizeVertices : true,
-            maxZoom: options.maxZoom || 17,
-            noDataValues: options.noDataValues || [-65537, -10000],
-            plainGridSize: options.plainGridSize || 128,
-            url: options.url != undefined
-                ? options.url
-                : `//api.mapbox.com/v4/mapbox.terrain-rgb/{z}/{x}/{y}.pngraw?access_token=${options.key || KEY}`,
-            gridSizeByZoom: options.gridSizeByZoom || [
-                64, 32, 16, 8, 8, 8, 8, 16, 16, 16, 16, 16, 32, 16, 32, 16, 32, 16, 32, 16, 8, 4
-            ],
-            ...options
-        });
-        this.equalizeNormals = options.equalizeNormals || false;
-        this._dataType = "imageBitmap";
-        this._imageSize = options.imageSize || 256;
-        this._ctx = this._createTemporalCanvas(this._imageSize);
-        this._imageDataCache = {};
-    }
-    isBlur(segment) {
-        return segment.tileZoom >= 16;
-    }
-    _createTemporalCanvas(size) {
-        let canvas = document.createElement("canvas");
-        canvas.width = size;
-        canvas.height = size;
-        return canvas.getContext("2d", {
-            willReadFrequently: true
-        });
-    }
-    _createHeights(data, tileIndex, tileX, tileY, tileZoom, extent, preventChildren) {
-        this._ctx.clearRect(0, 0, this._imageSize, this._imageSize);
-        this._ctx.drawImage(data, 0, 0);
-        let rgbaData = this._ctx.getImageData(0, 0, this._imageSize, this._imageSize).data;
-        const SIZE = data.width;
-        //
-        //Non-power of two images
-        //
-        if (!isPowerOfTwo(this._imageSize) && SIZE === this._imageSize) {
-            let outCurrenElevations = new Float32Array(SIZE * SIZE);
-            extractElevationTilesMapboxNonPowerOfTwo(rgbaData, outCurrenElevations, this._heightFactor);
-            return outCurrenElevations;
-        }
-        if (this._imageSize === this.plainGridSize) {
-            let elevationsSize = (this.plainGridSize + 1) * (this.plainGridSize + 1);
-            let outCurrenElevations = new Float32Array(elevationsSize);
-            for (let k = 0, len = this._imageSize * this._imageSize; k < len; k++) {
-                let j = k % this._imageSize, i = Math.floor(k / this._imageSize);
-                let fromInd4 = k * 4;
-                let h = this._heightFactor * rgb2Height(rgbaData[fromInd4], rgbaData[fromInd4 + 1], rgbaData[fromInd4 + 2]);
-                outCurrenElevations[i * (this._imageSize + 1) + j] = h;
-            }
-            for (let i = 0, len = this._imageSize; i < len; i++) {
-                let j = this._imageSize - 1;
-                let fromInd4 = (i * this._imageSize + j) * 4;
-                let h = this._heightFactor * rgb2Height(rgbaData[fromInd4], rgbaData[fromInd4 + 1], rgbaData[fromInd4 + 2]);
-                outCurrenElevations[i * (this._imageSize + 1) + this._imageSize] = h;
-            }
-            for (let j = 0, len = this._imageSize; j < len; j++) {
-                let i = this._imageSize - 1;
-                let fromInd4 = (i * this._imageSize + j) * 4;
-                let h = this._heightFactor * rgb2Height(rgbaData[fromInd4], rgbaData[fromInd4 + 1], rgbaData[fromInd4 + 2]);
-                outCurrenElevations[this._imageSize * (this._imageSize + 1) + j] = h;
-            }
-            let h = this._heightFactor * rgb2Height(rgbaData[rgbaData.length - 4], rgbaData[rgbaData.length - 3], rgbaData[rgbaData.length - 2]);
-            outCurrenElevations[outCurrenElevations.length - 1] = h;
-            return outCurrenElevations;
-        }
-        //
-        // Power of two images
-        //
-        let elevationsSize = (this.plainGridSize + 1) * (this.plainGridSize + 1);
-        let d = SIZE / this.plainGridSize;
-        let outCurrenElevations = new Float32Array(elevationsSize);
-        let outChildrenElevations = new Array(d);
-        for (let i = 0; i < d; i++) {
-            outChildrenElevations[i] = [];
-            for (let j = 0; j < d; j++) {
-                outChildrenElevations[i][j] = new Float32Array(elevationsSize);
-            }
-        }
-        if (preventChildren) {
-            extractElevationTilesMapboxNoChildren(rgbaData, this._heightFactor, this.noDataValues, outCurrenElevations);
-        }
-        else {
-            extractElevationTilesMapbox(rgbaData, this._heightFactor, this.noDataValues, outCurrenElevations, outChildrenElevations);
-        }
-        this._elevationCache[tileIndex] = {
-            heights: outCurrenElevations,
-            extent: extent //segment.getExtent()
-        };
-        if (!preventChildren) {
-            for (let i = 0; i < d; i++) {
-                for (let j = 0; j < d; j++) {
-                    let x = tileX * 2 + j, y = tileY * 2 + i, z = tileZoom + 1;
-                    let tileIndex = Layer.getTileIndex(x, y, z);
-                    this._elevationCache[tileIndex] = {
-                        heights: outChildrenElevations[i][j],
-                        extent: getTileExtent(x, y, z)
-                    };
-                }
-            }
-        }
-        return outCurrenElevations;
-    }
-    getHeightAsync(lonLat, callback, zoom) {
-        if (!lonLat || lonLat.lat > mercator.MAX_LAT || lonLat.lat < mercator.MIN_LAT) {
-            callback(0);
-            return true;
-        }
-        let z = zoom || this.maxZoom, size = mercator.POLE2 / Math.pow(2, z), merc = mercator.forward(lonLat), x = Math.floor((mercator.POLE + merc.lon) / size), y = Math.floor((mercator.POLE - merc.lat) / size);
-        let tileIndex = Layer.getTileIndex(x, y, z), extent = mercator.getTileExtent(x, y, z);
-        let sizeImgW = extent.getWidth() / (this._imageSize - 1), sizeImgH = extent.getHeight() / (this._imageSize - 1);
-        let i = this._imageSize - Math.ceil((merc.lat - extent.southWest.lat) / sizeImgH) - 1, j = Math.floor((merc.lon - extent.southWest.lon) / sizeImgW);
-        let index = (i * this._imageSize + j) * 4;
-        if (this._imageDataCache[tileIndex]) {
-            let data = this._imageDataCache[tileIndex];
-            callback(this._heightFactor * rgb2Height(data[index], data[index + 1], data[index + 2]));
-            return true;
-        }
-        if (!this._fetchCache[tileIndex]) {
-            let url = this._buildURL(x, y, z);
-            this._fetchCache[tileIndex] = this._loader.fetch({
-                src: url,
-                type: this._dataType
-            });
-        }
-        this._fetchCache[tileIndex].then((response) => {
-            if (response.status === "ready") {
-                this._ctx.clearRect(0, 0, this._imageSize, this._imageSize);
-                this._ctx.drawImage(response.data, 0, 0);
-                let data = this._ctx.getImageData(0, 0, 256, 256).data;
-                this._imageDataCache[tileIndex] = data;
-                callback(this._heightFactor * rgb2Height(data[index], data[index + 1], data[index + 2]));
-            }
-            else if (response.status === "error") {
-                callback(0);
-            }
-            else {
-                //@ts-ignore
-                this._fetchCache[tileIndex] = null;
-                delete this._fetchCache[tileIndex];
-            }
-        });
-        return false;
-    }
-}
-function extractElevationTilesMapboxNonPowerOfTwo(rgbaData, outCurrenElevations, heightFactor = 1) {
-    for (let i = 0, len = outCurrenElevations.length; i < len; i++) {
-        let i4 = i * 4;
-        outCurrenElevations[i] = heightFactor * rgb2Height(rgbaData[i4], rgbaData[i4 + 1], rgbaData[i4 + 2]);
-    }
-}
-function extractElevationTilesMapbox(rgbaData, heightFactor, noDataValues, outCurrenElevations, outChildrenElevations) {
-    let destSize = Math.sqrt(outCurrenElevations.length) - 1;
-    let destSizeOne = destSize + 1;
-    let sourceSize = Math.sqrt(rgbaData.length / 4);
-    let dt = sourceSize / destSize;
-    let rightHeight = 0, bottomHeight = 0, sourceSize4 = 0;
-    for (let k = 0, currIndex = 0, sourceDataLength = rgbaData.length / 4; k < sourceDataLength; k++) {
-        let k4 = k * 4;
-        let height = heightFactor * rgb2Height(rgbaData[k4], rgbaData[k4 + 1], rgbaData[k4 + 2]);
-        let isNoDataCurrent = MapboxTerrain.checkNoDataValue(noDataValues, height), isNoDataRight = false, isNoDataBottom = false;
-        let i = Math.floor(k / sourceSize), j = k % sourceSize;
-        let tileX = Math.floor(j / destSize), tileY = Math.floor(i / destSize);
-        let destArr = outChildrenElevations[tileY][tileX];
-        let ii = i % destSize, jj = j % destSize;
-        let destIndex = (ii + tileY) * destSizeOne + jj + tileX;
-        destArr[destIndex] = height;
-        if ((i + tileY) % dt === 0 && (j + tileX) % dt === 0) {
-            outCurrenElevations[currIndex++] = height;
-        }
-        if ((j + 1) % destSize === 0 && j !== sourceSize - 1) {
-            //current tile
-            rightHeight = heightFactor * rgb2Height(rgbaData[k4 + 4], rgbaData[k4 + 5], rgbaData[k4 + 6]);
-            isNoDataRight = MapboxTerrain.checkNoDataValue(noDataValues, rightHeight);
-            let middleHeight = height;
-            if (!(isNoDataCurrent || isNoDataRight)) {
-                middleHeight = (height + rightHeight) * 0.5;
-            }
-            destIndex = (ii + tileY) * destSizeOne + jj + 1;
-            destArr[destIndex] = middleHeight;
-            if ((i + tileY) % dt === 0) {
-                outCurrenElevations[currIndex++] = middleHeight;
-            }
-            //next right tile
-            let rightindex = (ii + tileY) * destSizeOne + ((jj + 1) % destSize);
-            outChildrenElevations[tileY][tileX + 1][rightindex] = middleHeight;
-        }
-        if ((i + 1) % destSize === 0 && i !== sourceSize - 1) {
-            //current tile
-            sourceSize4 = sourceSize * 4;
-            bottomHeight = heightFactor * rgb2Height(rgbaData[k4 + sourceSize4], rgbaData[k4 + sourceSize4 + 1], rgbaData[k4 + sourceSize4 + 2]);
-            isNoDataBottom = MapboxTerrain.checkNoDataValue(noDataValues, bottomHeight);
-            let middleHeight = (height + bottomHeight) * 0.5;
-            if (!(isNoDataCurrent || isNoDataBottom)) {
-                middleHeight = (height + bottomHeight) * 0.5;
-            }
-            destIndex = (ii + 1) * destSizeOne + jj + tileX;
-            destArr[destIndex] = middleHeight;
-            if ((j + tileX) % dt === 0) {
-                outCurrenElevations[currIndex++] = middleHeight;
-            }
-            //next bottom tile
-            let bottomindex = ((ii + 1) % destSize) * destSizeOne + jj + tileX;
-            outChildrenElevations[tileY + 1][tileX][bottomindex] = middleHeight;
-        }
-        if ((j + 1) % destSize === 0 && j !== sourceSize - 1 &&
-            (i + 1) % destSize === 0 && i !== sourceSize - 1) {
-            //current tile
-            let rightBottomHeight = heightFactor * rgb2Height(rgbaData[k4 + sourceSize4 + 4], rgbaData[k4 + sourceSize4 + 5], rgbaData[k4 + sourceSize4 + 6]);
-            let isNoDataRightBottom = MapboxTerrain.checkNoDataValue(noDataValues, rightBottomHeight);
-            let middleHeight = height;
-            if (!(isNoDataCurrent || isNoDataRight || isNoDataBottom || isNoDataRightBottom)) {
-                middleHeight = (height + rightHeight + bottomHeight + rightBottomHeight) * 0.25;
-            }
-            destIndex = (ii + 1) * destSizeOne + (jj + 1);
-            destArr[destIndex] = middleHeight;
-            outCurrenElevations[currIndex++] = middleHeight;
-            //next right tile
-            let rightindex = (ii + 1) * destSizeOne;
-            outChildrenElevations[tileY][tileX + 1][rightindex] = middleHeight;
-            //next bottom tile
-            let bottomindex = destSize;
-            outChildrenElevations[tileY + 1][tileX][bottomindex] = middleHeight;
-            //next right bottom tile
-            let rightBottomindex = 0;
-            outChildrenElevations[tileY + 1][tileX + 1][rightBottomindex] = middleHeight;
-        }
-    }
-}
-function extractElevationTilesMapboxNoChildren(rgbaData, heightFactor, noDataValues, outCurrenElevations) {
-    let destSize = Math.sqrt(outCurrenElevations.length) - 1;
-    let sourceSize = Math.sqrt(rgbaData.length / 4);
-    let dt = sourceSize / destSize;
-    let rightHeight = 0, bottomHeight = 0, sourceSize4 = 0;
-    for (let k = 0, currIndex = 0, sourceDataLength = rgbaData.length / 4; k < sourceDataLength; k++) {
-        let k4 = k * 4;
-        let height = heightFactor * rgb2Height(rgbaData[k4], rgbaData[k4 + 1], rgbaData[k4 + 2]);
-        let isNoDataCurrent = MapboxTerrain.checkNoDataValue(noDataValues, height), isNoDataRight = false, isNoDataBottom = false;
-        let i = Math.floor(k / sourceSize), j = k % sourceSize;
-        let tileX = Math.floor(j / destSize), tileY = Math.floor(i / destSize);
-        if ((i + tileY) % dt === 0 && (j + tileX) % dt === 0) {
-            outCurrenElevations[currIndex++] = height;
-        }
-        if ((j + 1) % destSize === 0 && j !== sourceSize - 1) {
-            //current tile
-            rightHeight = heightFactor * rgb2Height(rgbaData[k4 + 4], rgbaData[k4 + 5], rgbaData[k4 + 6]);
-            isNoDataRight = MapboxTerrain.checkNoDataValue(noDataValues, rightHeight);
-            let middleHeight = height;
-            if (!(isNoDataCurrent || isNoDataRight)) {
-                middleHeight = (height + rightHeight) * 0.5;
-            }
-            if ((i + tileY) % dt === 0) {
-                outCurrenElevations[currIndex++] = middleHeight;
-            }
-        }
-        if ((i + 1) % destSize === 0 && i !== sourceSize - 1) {
-            //current tile
-            sourceSize4 = sourceSize * 4;
-            bottomHeight = heightFactor * rgb2Height(rgbaData[k4 + sourceSize4], rgbaData[k4 + sourceSize4 + 1], rgbaData[k4 + sourceSize4 + 2]);
-            isNoDataBottom = MapboxTerrain.checkNoDataValue(noDataValues, bottomHeight);
-            let middleHeight = (height + bottomHeight) * 0.5;
-            if (!(isNoDataCurrent || isNoDataBottom)) {
-                middleHeight = (height + bottomHeight) * 0.5;
-            }
-            if ((j + tileX) % dt === 0) {
-                outCurrenElevations[currIndex++] = middleHeight;
-            }
-        }
-        if ((j + 1) % destSize === 0 && j !== sourceSize - 1 &&
-            (i + 1) % destSize === 0 && i !== sourceSize - 1) {
-            //current tile
-            let rightBottomHeight = heightFactor * rgb2Height(rgbaData[k4 + sourceSize4 + 4], rgbaData[k4 + sourceSize4 + 5], rgbaData[k4 + sourceSize4 + 6]);
-            let isNoDataRightBottom = MapboxTerrain.checkNoDataValue(noDataValues, rightBottomHeight);
-            let middleHeight = height;
-            if (!(isNoDataCurrent || isNoDataRight || isNoDataBottom || isNoDataRightBottom)) {
-                middleHeight = (height + rightHeight + bottomHeight + rightBottomHeight) * 0.25;
-            }
-            outCurrenElevations[currIndex++] = middleHeight;
-        }
-    }
-}
-export { MapboxTerrain };