@openglobus/og 0.18.4 → 0.19.0

package/lib/js/shaders/drawnode.js

@@ -299,7 +299,8 @@ export function drawnode_screen_wl_webgl2NoAtmos() {
             ambient: "vec3",
             specular: "vec4",
             camHeight: "float",
-            nightTextureCoefficient: "float"
+            nightTextureCoefficient: "float",
+            transitionOpacity: "float"
         }, attributes: {
             aVertexPositionHigh: "vec3",
             aVertexPositionLow: "vec3",
@@ -373,6 +374,8 @@ export function drawnode_screen_wl_webgl2NoAtmos() {
 
             uniform int samplerCount;
             uniform float nightTextureCoefficient;
+            
+            uniform float transitionOpacity;
                 
             uniform float camHeight;
 
@@ -424,8 +427,10 @@ export function drawnode_screen_wl_webgl2NoAtmos() {
                 vec4 lightWeighting = vec4(ambient + diffuse * diffuseLightWeighting + night, 1.0);
                 
                 diffuseColor = texture( defaultTexture, vTextureCoord.xy );
+                
                 if( samplerCount == 0 ) {
                     diffuseColor = diffuseColor * lightWeighting + vec4(spec, 0.0);
+                    diffuseColor *= transitionOpacity;
                     return;
                 }
 
@@ -434,29 +439,34 @@ export function drawnode_screen_wl_webgl2NoAtmos() {
                 blend(diffuseColor, samplerArr[0], tileOffsetArr[0], layerOpacityArr[0]);
                 if( samplerCount == 1 ) {                
                     diffuseColor = diffuseColor * lightWeighting + vec4(spec, 0.0);
+                    diffuseColor *= transitionOpacity;
                     return;
                 }
 
                 blend(diffuseColor, samplerArr[1], tileOffsetArr[1], layerOpacityArr[1]);
                 if( samplerCount == 2 ) {
                     diffuseColor = diffuseColor * lightWeighting + vec4(spec, 0.0);
+                    diffuseColor *= transitionOpacity;
                     return;
                 }
 
                 blend(diffuseColor, samplerArr[2], tileOffsetArr[2], layerOpacityArr[2]);
                 if( samplerCount == 3 ) {
                     diffuseColor = diffuseColor * lightWeighting + vec4(spec, 0.0);
+                    diffuseColor *= transitionOpacity;
                     return;
                 }
 
                 blend(diffuseColor, samplerArr[3], tileOffsetArr[3], layerOpacityArr[3]);
                 if( samplerCount == 4 ) {
                     diffuseColor = diffuseColor * lightWeighting + vec4(spec, 0.0);
+                    diffuseColor *= transitionOpacity;
                     return;
                 }
 
                 blend(diffuseColor, samplerArr[4], tileOffsetArr[4], layerOpacityArr[4]);
                 diffuseColor = diffuseColor * lightWeighting + vec4(spec, 0.0);
+                diffuseColor *= transitionOpacity;
             }`
     });
 }
@@ -486,7 +496,8 @@ export function drawnode_screen_wl_webgl2Atmos() {
             scatteringTexture: "sampler2D",
             camHeight: "float",
             nightTextureCoefficient: "float",
-            maxMinOpacity: "vec2"
+            maxMinOpacity: "vec2",
+            transitionOpacity: "float"
         }, attributes: {
             aVertexPositionHigh: "vec3",
             aVertexPositionLow: "vec3",
@@ -566,6 +577,8 @@ export function drawnode_screen_wl_webgl2Atmos() {
             
             uniform vec2 maxMinOpacity;                
             uniform float camHeight;
+            
+            uniform float transitionOpacity;
 
             in vec4 vTextureCoord;
             in vec3 v_vertex;
@@ -749,6 +762,7 @@ export function drawnode_screen_wl_webgl2Atmos() {
                 diffuseColor = texture( defaultTexture, vTextureCoord.xy );
                 if( samplerCount == 0 ) {
                     diffuseColor = mix(diffuseColor * lightWeighting, atmosColor, fadingOpacity) + vec4(spec, 0.0);
+                    diffuseColor *= transitionOpacity;
                     return;
                 }
 
@@ -757,29 +771,34 @@ export function drawnode_screen_wl_webgl2Atmos() {
                 blend(diffuseColor, samplerArr[0], tileOffsetArr[0], layerOpacityArr[0]);
                 if( samplerCount == 1 ) {                
                     diffuseColor = mix(diffuseColor * lightWeighting, atmosColor * diffuseColor.a, fadingOpacity) + vec4(spec, 0.0);
+                    diffuseColor *= transitionOpacity;
                     return;
                 }
 
                 blend(diffuseColor, samplerArr[1], tileOffsetArr[1], layerOpacityArr[1]);
                 if( samplerCount == 2 ) {
                     diffuseColor = mix(diffuseColor * lightWeighting, atmosColor * diffuseColor.a, fadingOpacity) + vec4(spec, 0.0);
+                    diffuseColor *= transitionOpacity;
                     return;
                 }
 
                 blend(diffuseColor, samplerArr[2], tileOffsetArr[2], layerOpacityArr[2]);
                 if( samplerCount == 3 ) {
                     diffuseColor = mix(diffuseColor * lightWeighting, atmosColor * diffuseColor.a, fadingOpacity) + vec4(spec, 0.0);
+                    diffuseColor *= transitionOpacity;
                     return;
                 }
 
                 blend(diffuseColor, samplerArr[3], tileOffsetArr[3], layerOpacityArr[3]);
                 if( samplerCount == 4 ) {
                     diffuseColor = mix(diffuseColor * lightWeighting, atmosColor * diffuseColor.a, fadingOpacity) + vec4(spec, 0.0);
+                    diffuseColor *= transitionOpacity;
                     return;
                 }
 
                 blend(diffuseColor, samplerArr[4], tileOffsetArr[4], layerOpacityArr[4]);
                 diffuseColor = mix(diffuseColor * lightWeighting, atmosColor * diffuseColor.a, fadingOpacity) + vec4(spec, 0.0);
+                diffuseColor *= transitionOpacity;
             }`
     });
 }

package/lib/js/shaders/geoObject.js

@@ -68,18 +68,22 @@ export const geo_object = () => new Program("geo_object", {
                 vColor = aColor;
                 vTexCoords = aTexCoord;
               
-                float roll = aPitchRoll.y;
+                float cos_roll = cos(aPitchRoll.y);
+                float sin_roll = sin(aPitchRoll.y);
+                
                 mat3 rotZ = mat3(
-                     vec3(cos(roll), sin(roll), 0.0),
-                     vec3(-sin(roll), cos(roll), 0.0), 
+                     vec3(cos_roll, sin_roll, 0.0),
+                     vec3(-sin_roll, cos_roll, 0.0), 
                      vec3(0.0, 0.0, 1.0) 
                 );
 
-                float pitch = aPitchRoll.x;
+                float cos_pitch = cos(aPitchRoll.x);
+                float sin_pitch = sin(aPitchRoll.x);
+
                 mat3 rotX = mat3(
                     vec3(1.0, 0.0, 0.0),
-                    vec3(0.0, cos(pitch), sin(pitch)), 
-                    vec3(0.0, -sin(pitch), cos(pitch)) 
+                    vec3(0.0, cos_pitch, sin_pitch), 
+                    vec3(0.0, -sin_pitch, cos_pitch) 
                );
 
                 vec3 position = aPositionHigh + aPositionLow;
@@ -200,19 +204,23 @@ export const geo_object_picking = () => new Program("geo_object_picking", {
             
                  vColor = aPickingColor;
                
-                 float roll = aPitchRoll.y;
-                 mat3 rotZ = mat3(
-                      vec3(cos(roll), sin(roll), 0.0),
-                      vec3(-sin(roll), cos(roll), 0.0), 
-                      vec3(0.0, 0.0, 1.0) 
-                 );
- 
-                 float pitch = aPitchRoll.x;
-                 mat3 rotX = mat3(
-                     vec3(1.0, 0.0, 0.0),
-                     vec3(0.0, cos(pitch), sin(pitch)), 
-                     vec3(0.0, -sin(pitch), cos(pitch)) 
+                float cos_roll = cos(aPitchRoll.y);
+                float sin_roll = sin(aPitchRoll.y);
+                
+                mat3 rotZ = mat3(
+                     vec3(cos_roll, sin_roll, 0.0),
+                     vec3(-sin_roll, cos_roll, 0.0), 
+                     vec3(0.0, 0.0, 1.0) 
                 );
+
+                float cos_pitch = cos(aPitchRoll.x);
+                float sin_pitch = sin(aPitchRoll.x);
+
+                mat3 rotX = mat3(
+                    vec3(1.0, 0.0, 0.0),
+                    vec3(0.0, cos_pitch, sin_pitch), 
+                    vec3(0.0, -sin_pitch, cos_pitch) 
+               );
  
                  vec3 position = aPositionHigh + aPositionLow;
                  vec3 cameraPosition = eyePositionHigh + eyePositionLow;

package/lib/js/terrain/GlobusTerrain.d.ts

@@ -12,6 +12,7 @@ export interface IGlobusTerrainParams extends IEmptyTerrainParams {
     urlRewrite?: UrlRewriteFunc;
     noDataValues?: number[];
     plainGridSize?: number;
+    heightFactor?: number;
 }
 type TileData = {
     heights: number[] | TypedArray | null;
@@ -33,6 +34,7 @@ type UrlRewriteFunc = (segment: Segment, url: string) => string;
  * @param {string} [options.responseType="arraybuffer"] - Response type.
  * @param {number} [options.MAX_LOADING_TILES] - Maximum at one time loading tiles.
  * @param {Array.<number>} [gridSizeByZoom] - Array of values, where each value corresponds to the size of a tile(or segment) on the globe. Each value must be power of two.
+ * @param {number} [heightFactor=1] - Elevation height multiplier.
  *
  * @fires GlobusTerrainEvents#load
  * @fires GlobusTerrainEvents#loadend
@@ -59,6 +61,7 @@ declare class GlobusTerrain extends EmptyTerrain {
      * @type {Function} -
      */
     protected _urlRewriteCallback: UrlRewriteFunc | null;
+    protected _heightFactor: number;
     constructor(name?: string, options?: IGlobusTerrainParams);
     get loader(): Loader<GlobusTerrain>;
     clearCache(): void;

package/lib/js/terrain/GlobusTerrain.js

@@ -26,6 +26,7 @@ import { Vec3 } from "../math/Vec3";
  * @param {string} [options.responseType="arraybuffer"] - Response type.
  * @param {number} [options.MAX_LOADING_TILES] - Maximum at one time loading tiles.
  * @param {Array.<number>} [gridSizeByZoom] - Array of values, where each value corresponds to the size of a tile(or segment) on the globe. Each value must be power of two.
+ * @param {number} [heightFactor=1] - Elevation height multiplier.
  *
  * @fires GlobusTerrainEvents#load
  * @fires GlobusTerrainEvents#loadend
@@ -33,7 +34,7 @@ import { Vec3 } from "../math/Vec3";
 class GlobusTerrain extends EmptyTerrain {
     constructor(name = "", options = {}) {
         super({
-            geoidSrc: "//openglobus.org/geoid/egm84-30.pgm",
+            geoidSrc: "https://openglobus.org/geoid/egm84-30.pgm",
             maxNativeZoom: options.maxNativeZoom || 14,
             ...options
         });
@@ -44,11 +45,15 @@ class GlobusTerrain extends EmptyTerrain {
         this.isEmpty = false;
         this.equalizeNormals = true;
         this.name = name || "openglobus";
-        this.url = options.url || "//{s}.srtm3.openglobus.org/{z}/{y}/{x}.ddm";
+        this.url = options.url || "https://{s}.srtm3.openglobus.org/{z}/{y}/{x}.ddm";
         this.gridSizeByZoom = options.gridSizeByZoom || [
-            64, 32, 32, 16, 16, 8, 8, 8, 8, 16, 16, 16, 16, 32, 32, 16, 8, 4, 2, 2, 2, 2, 2, 2
+            64, 32, 32, 16, 16, 8, 8, 8, 16, 16, 16, 32, 32, 32, 32, 16, 8, 4, 2, 2, 2, 2, 2, 2
         ];
+        this._heightFactor = options.heightFactor != undefined ? options.heightFactor : 1.0;
         this.noDataValues = options.noDataValues || [];
+        for (let i = 0; i < this.noDataValues.length; i++) {
+            this.noDataValues[i] *= this._heightFactor;
+        }
         this.plainGridSize = options.plainGridSize || 32;
         this._extent = createExtent(options.extent, new Extent(new LonLat(-180.0, -90.0), new LonLat(180.0, 90.0)));
         this._dataType = "arrayBuffer";
@@ -299,6 +304,13 @@ class GlobusTerrain extends EmptyTerrain {
      * @returns {Array.<number>} -
      */
     _createHeights(data, tileIndex, x, y, z, extent, isMaxZoom) {
+        if (this._heightFactor !== 1) {
+            let res = new Float32Array(data);
+            for (let i = 0, len = res.length; i < len; i++) {
+                res[i] = res[i] * this._heightFactor;
+            }
+            return res;
+        }
         return new Float32Array(data);
     }
     /**

package/lib/js/terrain/MapboxTerrain.js

@@ -15,17 +15,17 @@ class MapboxTerrain extends GlobusTerrain {
         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.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
-        ];
-        this.url = options.url != undefined
-            ? options.url
-            : `//api.mapbox.com/v4/mapbox.terrain-rgb/{z}/{x}/{y}.pngraw?access_token=${options.key || KEY}`;
-        this.noDataValues = options.noDataValues || [-65537, -10000];
-        this.plainGridSize = options.plainGridSize || 128;
         this._dataType = "imageBitmap";
         this._imageSize = options.imageSize || 256;
         this._ctx = this._createTemporalCanvas(this._imageSize);
@@ -52,7 +52,7 @@ class MapboxTerrain extends GlobusTerrain {
         //
         if (!isPowerOfTwo(this._imageSize) && SIZE === this._imageSize) {
             let outCurrenElevations = new Float32Array(SIZE * SIZE);
-            extractElevationTilesMapboxNonPowerOfTwo(rgbaData, outCurrenElevations);
+            extractElevationTilesMapboxNonPowerOfTwo(rgbaData, outCurrenElevations, this._heightFactor);
             return outCurrenElevations;
         }
         if (this._imageSize === this.plainGridSize) {
@@ -61,22 +61,22 @@ class MapboxTerrain extends GlobusTerrain {
             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 = rgb2Height(rgbaData[fromInd4], rgbaData[fromInd4 + 1], rgbaData[fromInd4 + 2]);
+                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 = rgb2Height(rgbaData[fromInd4], rgbaData[fromInd4 + 1], rgbaData[fromInd4 + 2]);
+                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 = rgb2Height(rgbaData[fromInd4], rgbaData[fromInd4 + 1], rgbaData[fromInd4 + 2]);
+                let h = this._heightFactor * rgb2Height(rgbaData[fromInd4], rgbaData[fromInd4 + 1], rgbaData[fromInd4 + 2]);
                 outCurrenElevations[this._imageSize * (this._imageSize + 1) + j] = h;
             }
-            let h = rgb2Height(rgbaData[rgbaData.length - 4], rgbaData[rgbaData.length - 3], rgbaData[rgbaData.length - 2]);
+            let h = this._heightFactor * rgb2Height(rgbaData[rgbaData.length - 4], rgbaData[rgbaData.length - 3], rgbaData[rgbaData.length - 2]);
             outCurrenElevations[outCurrenElevations.length - 1] = h;
             return outCurrenElevations;
         }
@@ -94,10 +94,10 @@ class MapboxTerrain extends GlobusTerrain {
             }
         }
         if (preventChildren) {
-            extractElevationTilesMapboxNoChildren(rgbaData, this.noDataValues, outCurrenElevations);
+            extractElevationTilesMapboxNoChildren(rgbaData, this._heightFactor, this.noDataValues, outCurrenElevations);
         }
         else {
-            extractElevationTilesMapbox(rgbaData, this.noDataValues, outCurrenElevations, outChildrenElevations);
+            extractElevationTilesMapbox(rgbaData, this._heightFactor, this.noDataValues, outCurrenElevations, outChildrenElevations);
         }
         this._elevationCache[tileIndex] = {
             heights: outCurrenElevations,
@@ -129,7 +129,7 @@ class MapboxTerrain extends GlobusTerrain {
         let index = (i * this._imageSize + j) * 4;
         if (this._imageDataCache[tileIndex]) {
             let data = this._imageDataCache[tileIndex];
-            callback(rgb2Height(data[index], data[index + 1], data[index + 2]));
+            callback(this._heightFactor * rgb2Height(data[index], data[index + 1], data[index + 2]));
             return true;
         }
         if (!this._fetchCache[tileIndex]) {
@@ -145,7 +145,7 @@ class MapboxTerrain extends GlobusTerrain {
                 this._ctx.drawImage(response.data, 0, 0);
                 let data = this._ctx.getImageData(0, 0, 256, 256).data;
                 this._imageDataCache[tileIndex] = data;
-                callback(rgb2Height(data[index], data[index + 1], data[index + 2]));
+                callback(this._heightFactor * rgb2Height(data[index], data[index + 1], data[index + 2]));
             }
             else if (response.status === "error") {
                 callback(0);
@@ -159,13 +159,13 @@ class MapboxTerrain extends GlobusTerrain {
         return false;
     }
 }
-function extractElevationTilesMapboxNonPowerOfTwo(rgbaData, outCurrenElevations) {
+function extractElevationTilesMapboxNonPowerOfTwo(rgbaData, outCurrenElevations, heightFactor = 1) {
     for (let i = 0, len = outCurrenElevations.length; i < len; i++) {
         let i4 = i * 4;
-        outCurrenElevations[i] = rgb2Height(rgbaData[i4], rgbaData[i4 + 1], rgbaData[i4 + 2]);
+        outCurrenElevations[i] = heightFactor * rgb2Height(rgbaData[i4], rgbaData[i4 + 1], rgbaData[i4 + 2]);
     }
 }
-function extractElevationTilesMapbox(rgbaData, noDataValues, outCurrenElevations, outChildrenElevations) {
+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);
@@ -173,7 +173,7 @@ function extractElevationTilesMapbox(rgbaData, noDataValues, outCurrenElevations
     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 = rgb2Height(rgbaData[k4], rgbaData[k4 + 1], rgbaData[k4 + 2]);
+        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);
@@ -186,7 +186,7 @@ function extractElevationTilesMapbox(rgbaData, noDataValues, outCurrenElevations
         }
         if ((j + 1) % destSize === 0 && j !== sourceSize - 1) {
             //current tile
-            rightHeight = rgb2Height(rgbaData[k4 + 4], rgbaData[k4 + 5], rgbaData[k4 + 6]);
+            rightHeight = heightFactor * rgb2Height(rgbaData[k4 + 4], rgbaData[k4 + 5], rgbaData[k4 + 6]);
             isNoDataRight = MapboxTerrain.checkNoDataValue(noDataValues, rightHeight);
             let middleHeight = height;
             if (!(isNoDataCurrent || isNoDataRight)) {
@@ -204,7 +204,7 @@ function extractElevationTilesMapbox(rgbaData, noDataValues, outCurrenElevations
         if ((i + 1) % destSize === 0 && i !== sourceSize - 1) {
             //current tile
             sourceSize4 = sourceSize * 4;
-            bottomHeight = rgb2Height(rgbaData[k4 + sourceSize4], rgbaData[k4 + sourceSize4 + 1], rgbaData[k4 + sourceSize4 + 2]);
+            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)) {
@@ -222,7 +222,7 @@ function extractElevationTilesMapbox(rgbaData, noDataValues, outCurrenElevations
         if ((j + 1) % destSize === 0 && j !== sourceSize - 1 &&
             (i + 1) % destSize === 0 && i !== sourceSize - 1) {
             //current tile
-            let rightBottomHeight = rgb2Height(rgbaData[k4 + sourceSize4 + 4], rgbaData[k4 + sourceSize4 + 5], rgbaData[k4 + sourceSize4 + 6]);
+            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)) {
@@ -243,14 +243,14 @@ function extractElevationTilesMapbox(rgbaData, noDataValues, outCurrenElevations
         }
     }
 }
-function extractElevationTilesMapboxNoChildren(rgbaData, noDataValues, outCurrenElevations) {
+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 = rgb2Height(rgbaData[k4], rgbaData[k4 + 1], rgbaData[k4 + 2]);
+        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);
@@ -259,7 +259,7 @@ function extractElevationTilesMapboxNoChildren(rgbaData, noDataValues, outCurren
         }
         if ((j + 1) % destSize === 0 && j !== sourceSize - 1) {
             //current tile
-            rightHeight = rgb2Height(rgbaData[k4 + 4], rgbaData[k4 + 5], rgbaData[k4 + 6]);
+            rightHeight = heightFactor * rgb2Height(rgbaData[k4 + 4], rgbaData[k4 + 5], rgbaData[k4 + 6]);
             isNoDataRight = MapboxTerrain.checkNoDataValue(noDataValues, rightHeight);
             let middleHeight = height;
             if (!(isNoDataCurrent || isNoDataRight)) {
@@ -272,7 +272,7 @@ function extractElevationTilesMapboxNoChildren(rgbaData, noDataValues, outCurren
         if ((i + 1) % destSize === 0 && i !== sourceSize - 1) {
             //current tile
             sourceSize4 = sourceSize * 4;
-            bottomHeight = rgb2Height(rgbaData[k4 + sourceSize4], rgbaData[k4 + sourceSize4 + 1], rgbaData[k4 + sourceSize4 + 2]);
+            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)) {
@@ -285,7 +285,7 @@ function extractElevationTilesMapboxNoChildren(rgbaData, noDataValues, outCurren
         if ((j + 1) % destSize === 0 && j !== sourceSize - 1 &&
             (i + 1) % destSize === 0 && i !== sourceSize - 1) {
             //current tile
-            let rightBottomHeight = rgb2Height(rgbaData[k4 + sourceSize4 + 4], rgbaData[k4 + sourceSize4 + 5], rgbaData[k4 + sourceSize4 + 6]);
+            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)) {

package/lib/js/ui/Dialog.js

@@ -19,7 +19,7 @@ class Dialog extends View {
                 display: getDefault(options.visible, true) ? "flex" : "none",
                 resize: getDefault(options.resizable, true) ? "both" : "none",
                 width: options.width || 300,
-                height: options.height ? `height:${options.height || 200}` : "",
+                height: options.height ? `height: ${options.height || 200}px` : "",
                 left: options.left || 0,
                 top: options.top || 0,
                 minHeight: options.minHeight ? `${options.minHeight}px` : 'unset',

package/lib/js/utils/TerrainWorker.js

@@ -59,7 +59,7 @@ const TERRAIN_PROGRAM = `'use strict';
             end = arr.length - 1;
         while (start <= end) {
             let k = Math.floor((start + end) * 0.5); 
-            if (arr[k] === x)
+            if (Math.abs(arr[k] - x) < 1e-3)
                 return k;
             else if (arr[k] < x)
                 start = k + 1;

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

@@ -78,6 +78,7 @@ export declare function binarySearchFast(arr: number[] | TypedArray, x: number):
  */
 export declare function binarySearch(ar: any[], el: any, compare_fn: Function): number;
 /**
+ * @todo: replace any with generic
  * Binary insertion that uses binarySearch algorithm.
  * @param {any[]} ar - The sorted array to insert.
  * @param {any} el - The item to insert.
@@ -132,7 +133,7 @@ export declare function base64StringToBlog(string: string): Blob;
  * @param {Number} limit
  * @param {boolean} [skip]
  */
-export declare function throttle(func: Function, limit: number, skip: boolean): () => void;
+export declare function throttle(func: Function, limit: number, skip?: boolean): () => void;
 /**
  *
  * y2-----Q12--------------Q22---
@@ -264,4 +265,5 @@ export declare function loadImage(url: string): Promise<HTMLImageElement>;
  */
 export declare function isImageLoaded(image: HTMLImageElement): boolean;
 export declare function distanceFormat(v: number): string;
+export declare function distanceFormatExt(v: number): [string, string];
 export declare function getUrlParam(paramName: string): number | undefined;

package/lib/js/utils/shared.js

@@ -245,7 +245,7 @@ export function binarySearchFast(arr, x) {
     let start = 0, end = arr.length - 1;
     while (start <= end) {
         let k = Math.floor((start + end) * 0.5);
-        if (arr[k] === x) {
+        if (Math.abs(arr[k] - x) < 1e-3) {
             return k;
         }
         else if (arr[k] < x) {
@@ -292,6 +292,7 @@ export function binarySearch(ar, el, compare_fn) {
     return -m - 1;
 }
 /**
+ * @todo: replace any with generic
  * Binary insertion that uses binarySearch algorithm.
  * @param {any[]} ar - The sorted array to insert.
  * @param {any} el - The item to insert.
@@ -510,7 +511,7 @@ export function base64StringToBlog(string) {
  * @param {Number} limit
  * @param {boolean} [skip]
  */
-export function throttle(func, limit, skip) {
+export function throttle(func, limit, skip = false) {
     let lastFunc;
     let lastRan = 0;
     return function () {
@@ -875,7 +876,7 @@ export function isImageLoaded(image) {
 }
 export function distanceFormat(v) {
     if (v > 1000) {
-        return `${(v / 1000).toFixed(1)} km`;
+        return `${(v / 1000).toFixed(2)} km`;
     }
     else if (v > 9) {
         return `${Math.round(v)} m`;
@@ -884,6 +885,24 @@ export function distanceFormat(v) {
         return `${v.toFixed(1)} m`;
     }
 }
+export function distanceFormatExt(v) {
+    if (v > 1000) {
+        let d = v - Math.floor(v);
+        if (d !== 0) {
+            return [(v / 1000).toFixed(2), "km"];
+        }
+        return [(v / 1000).toFixed(0), "km"];
+    }
+    else if (v > 9) {
+        return [Math.round(v).toString(), "m"];
+    }
+    else {
+        if (v <= 0.01) {
+            return ["0", "m"];
+        }
+        return [v.toFixed(1), "m"];
+    }
+}
 export function getUrlParam(paramName) {
     let urlParams = new URLSearchParams(location.search);
     let param = urlParams.get(paramName);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openglobus/og",
-  "version": "0.18.4",
+  "version": "0.19.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"
@@ -47,7 +47,7 @@
     "jsdoc": "^4.0.2",
     "lint-staged": "^14.0.1",
     "local-web-server": "^5.3.0",
-    "postcss": "^8.4.29",
+    "postcss": "^8.4.31",
     "prettier": "^3.0.3",
     "rollup": "^3.29.2",
     "rollup-plugin-copy": "^3.5.0",

package/lib/js/shaders/pickingMask.d.ts

@@ -1,2 +0,0 @@
-import { Program } from '../webgl/Program';
-export declare function pickingMask(): Program;

package/lib/js/shaders/pickingMask.js

@@ -1,22 +0,0 @@
-import { Program } from '../webgl/Program';
-export function pickingMask() {
-    return new Program("pickingMask", {
-        uniforms: {
-            offset: "vec2"
-        },
-        attributes: {
-            coordinates: "vec2"
-        },
-        vertexShader: `attribute vec2 coordinates;
-            uniform vec2 offset;
-            void main() {
-            
-                gl_Position = vec4(coordinates + offset, 0.0, 1.0);
-                gl_PointSize = 5.0;
-            }`,
-        fragmentShader: `precision highp float;
-            void main(void) {
-                gl_FragColor = vec4(1.0);
-            }`
-    });
-}