@openglobus/og 0.21.0 → 0.22.0

package/lib/js/Globe.d.ts

@@ -45,6 +45,8 @@ export interface IGlobeParams {
     fontsSrc?: string;
     resourcesSrc?: string;
     atmosphereParameters?: IAtmosphereParams;
+    gamma?: number;
+    exposure?: number;
 }
 /**
  * Creates a WebGL context with globe.
@@ -97,6 +99,8 @@ export interface IGlobeParams {
  * @param {boolean} [options.atmosphereEnabled] - Enables atmosphere effect.
  * @param {boolean} [options.transtitionOpacityEnabled] - Enables terrain smooth opacity transition effect.
  * @param {IAtmosphereParams} [options.atmosphereParameters] - Atmosphere model parameters.
+ * @param {number} [options.gamma] - Gamma
+ * @param {number} [options.exposure] - Exposure
  */
 declare class Globe {
     static __counter__: number;

package/lib/js/Globe.js

@@ -68,6 +68,8 @@ const PLANET_NAME_PREFIX = "globus_planet_";
  * @param {boolean} [options.atmosphereEnabled] - Enables atmosphere effect.
  * @param {boolean} [options.transtitionOpacityEnabled] - Enables terrain smooth opacity transition effect.
  * @param {IAtmosphereParams} [options.atmosphereParameters] - Atmosphere model parameters.
+ * @param {number} [options.gamma] - Gamma
+ * @param {number} [options.exposure] - Exposure
  */
 class Globe {
     constructor(options) {
@@ -126,7 +128,9 @@ class Globe {
         }), {
             autoActivate: false,
             msaa: options.msaa,
-            fontsSrc: options.fontsSrc
+            fontsSrc: options.fontsSrc,
+            gamma: options.gamma,
+            exposure: options.exposure,
         });
         this.renderer.div = this.$inner;
         // Skybox
@@ -150,7 +154,7 @@ class Globe {
             maxLoadingRequests: options.maxLoadingRequests,
             atmosphereEnabled: options.atmosphereEnabled,
             transitionOpacityEnabled: options.transitionOpacityEnabled,
-            atmosphereParameters: options.atmosphereParameters
+            atmosphereParameters: options.atmosphereParameters,
         });
         // Attach terrain provider (can be one object or array)
         if (options.terrain) {

package/lib/js/Object3d.d.ts

@@ -1,5 +1,6 @@
 import { TypedArray } from './utils/shared';
 import { NumberArray3, Vec3 } from './math/Vec3';
+import { Mat4 } from "./math/Mat4";
 interface IObject3dParams {
     name?: string;
     vertices?: number[];
@@ -9,7 +10,7 @@ interface IObject3dParams {
     center?: boolean;
     src?: string;
     color?: number[] | TypedArray | string;
-    scale?: number;
+    scale?: number | Vec3;
 }
 declare class Object3d {
     protected _name: string;
@@ -27,6 +28,10 @@ declare class Object3d {
     protected _normals: number[];
     constructor(data?: IObject3dParams);
     static centering(verts: number[]): void;
+    centering(): this;
+    applyMat4(m: Mat4): this;
+    scale(s: Vec3): this;
+    translate(v: Vec3): this;
     get src(): string | null;
     set src(src: string | null);
     get name(): string;
@@ -35,7 +40,7 @@ declare class Object3d {
     get indices(): number[];
     get texCoords(): number[];
     get numVertices(): number;
-    static scale(vertices: number[], s: number): void;
+    static scale(vertices: number[], s: Vec3): void;
     static centroid(vertices: number[]): number[];
     static translate(vertices: number[], v: NumberArray3): void;
     static getNormals(vertices: number[]): number[];

package/lib/js/Object3d.js

@@ -28,7 +28,15 @@ class Object3d {
         this._src = data.src || null;
         this.color = getColor(data.color);
         if (data.scale) {
-            Object3d.scale(this._vertices, data.scale);
+            let s = data.scale;
+            let scale;
+            if (typeof s === 'number') {
+                scale = new Vec3(s, s, s);
+            }
+            else {
+                scale = s;
+            }
+            Object3d.scale(this._vertices, scale);
         }
         if (data.indices) {
             this._indices = data.indices;
@@ -68,6 +76,36 @@ class Object3d {
             verts[i + 2] -= c_z;
         }
     }
+    centering() {
+        Object3d.centering(this._vertices);
+        return this;
+    }
+    applyMat4(m) {
+        for (let i = 0, len = this._vertices.length; i < len; i += 3) {
+            let v = new Vec3(this._vertices[i], this._vertices[i + 1], this._vertices[i + 2]), n = new Vec3(this._normals[i], this._normals[i + 1], this._normals[i + 2]);
+            v = m.mulVec3(v);
+            n = m.mulVec3(n);
+            this._vertices[i] = v.x;
+            this._vertices[i + 1] = v.y;
+            this._vertices[i + 2] = v.z;
+            this._normals[i] = n.x;
+            this._normals[i + 1] = n.y;
+            this._normals[i + 2] = n.z;
+        }
+        return this;
+    }
+    scale(s) {
+        Object3d.scale(this._vertices, s);
+        return this;
+    }
+    translate(v) {
+        for (let i = 0, len = this._vertices.length; i < len; i += 3) {
+            this._vertices[i] += v.x;
+            this._vertices[i + 1] += v.y;
+            this._vertices[i + 2] += v.z;
+        }
+        return this;
+    }
     get src() {
         return this._src;
     }
@@ -93,8 +131,10 @@ class Object3d {
         return this._numVertices;
     }
     static scale(vertices, s) {
-        for (let i = 0; i < vertices.length; i++) {
-            vertices[i] *= s;
+        for (let i = 0; i < vertices.length; i += 3) {
+            vertices[i] *= s.x;
+            vertices[i + 1] *= s.y;
+            vertices[i + 2] *= s.z;
         }
     }
     static centroid(vertices) {
@@ -118,9 +158,9 @@ class Object3d {
     }
     static translate(vertices, v) {
         for (let i = 0; i < vertices.length; i += 3) {
-            vertices[i] -= v[0];
-            vertices[i + 1] -= v[1];
-            vertices[i + 2] -= v[2];
+            vertices[i] += v[0];
+            vertices[i + 1] += v[1];
+            vertices[i + 2] += v[2];
         }
     }
     static getNormals(vertices) {

package/lib/js/camera/Camera.d.ts

@@ -5,6 +5,7 @@ import { Mat4, NumberArray16 } from "../math/Mat4";
 import { Renderer } from "../renderer/Renderer";
 import { Vec2, NumberArray2 } from "../math/Vec2";
 import { Vec3 } from "../math/Vec3";
+import { Sphere } from "../bv/Sphere";
 type CameraEvents = ["viewchange", "moveend"];
 export interface ICameraParams {
     eye?: Vec3;
@@ -285,6 +286,7 @@ declare class Camera {
     getNormalMatrix(): NumberArray9;
     setCurrentFrustum(k: number): void;
     getCurrentFrustum(): number;
+    containsSphere(sphere: Sphere): boolean;
     get frustum(): Frustum;
     /**
      * Returns projection matrix.

package/lib/js/camera/Camera.js

@@ -414,6 +414,14 @@ class Camera {
     getCurrentFrustum() {
         return this.currentFrustumIndex;
     }
+    containsSphere(sphere) {
+        for (let i = 0; i < this.frustums.length; i++) {
+            if (this.frustums[i].containsSphere(sphere)) {
+                return true;
+            }
+        }
+        return false;
+    }
     get frustum() {
         return this.frustums[this.currentFrustumIndex];
     }

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

@@ -24,6 +24,7 @@ const POINTER_BILLBOARD_OPTIONS = {
 };
 const POINTER_LABEL_OPTIONS = {
     text: "",
+    face: "arial",
     size: 10.5,
     color: "rgba(455,455,455,1.0)",
     outlineColor: "rgba(0,0,0,0.34)",
@@ -32,6 +33,7 @@ const POINTER_LABEL_OPTIONS = {
     offset: [5, 15, -5]
 };
 const LABEL_OPTIONS = {
+    face: "arial",
     text: "",
     size: 10.5,
     color: "rgba(455,455,455,1.0)",

package/lib/js/control/geoObjectEditor/GeoObjectEditorScene.d.ts

@@ -0,0 +1,58 @@
+import { EventsHandler } from '../../Events';
+import { Planet } from "../../scene/Planet";
+import { RenderNode } from '../../scene/RenderNode';
+import { Vector } from '../../layer/Vector';
+import { Vec2 } from '../../math/Vec2';
+import { IMouseState } from "../../renderer/RendererEvents";
+import { Ellipsoid } from "../../ellipsoid/Ellipsoid";
+export interface IGeoObjectEditorSceneParams {
+    planet?: Planet;
+}
+type GeoObjectSceneEventsList = [
+    "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 GeoObjectEditorScene extends RenderNode {
+    events: EventsHandler<GeoObjectSceneEventsList>;
+    protected _planet: Planet | null;
+    protected _startPos: Vec2 | null;
+    protected _startClick: Vec2;
+    protected _axisLayer: Vector;
+    protected _rotLayer: Vector;
+    constructor(options?: IGeoObjectEditorSceneParams);
+    init(): void;
+    onremove(): void;
+    _activate(): void;
+    protected _deactivate(): void;
+    protected _onLUp: () => void;
+    setVisibility(visibility: boolean): void;
+    protected _onLclick: (e: IMouseState) => void;
+    protected _onMouseMove: (e: IMouseState) => void;
+    clear(): void;
+    frame(): void;
+    get ellipsoid(): Ellipsoid | null;
+}
+export { GeoObjectEditorScene };

package/lib/js/control/geoObjectEditor/GeoObjectEditorScene.js

@@ -0,0 +1,105 @@
+import { createEvents } from '../../Events';
+import { Object3d } from '../../Object3d';
+import { RenderNode } from '../../scene/RenderNode';
+import { Vector } from '../../layer/Vector';
+import { Vec2 } from '../../math/Vec2';
+let obj3d = Object3d.createCylinder(1.1, 0, 2.7, 20, 1, true, false, 0, 0, 0);
+class GeoObjectEditorScene extends RenderNode {
+    constructor(options = {}) {
+        super("GeoObjectEditorScene");
+        // protected _onCornerLdown = (e: IMouseState) => {
+        //         this.renderer?.controls.mouseNavigation?.deactivate();
+        //         this._startClick.set(e.x, e.y);
+        //         let coords = e.pickingObject.getCartesian();
+        //         this._startPos = this._planet!.getPixelFromCartesian(coords);
+        // }
+        this._onLUp = () => {
+            this.renderer.controls.mouseNavigation?.activate();
+        };
+        this._onLclick = (e) => {
+        };
+        this._onMouseMove = (e) => {
+        };
+        this.events = createEvents(GEOOBJECTEDITORCENE_EVENTS);
+        this._planet = options.planet || null;
+        this._startPos = null;
+        this._startClick = new Vec2();
+        this._axisLayer = new Vector("axis", {
+            entities: [],
+            pickingEnabled: false,
+            polygonOffsetUnits: -1.0,
+            relativeToGround: true,
+            hideInLayerSwitcher: true
+        });
+        this._rotLayer = new Vector("rotation", {
+            entities: [],
+            pickingEnabled: false,
+            polygonOffsetUnits: -1.0,
+            relativeToGround: true,
+            hideInLayerSwitcher: true
+        });
+    }
+    init() {
+        this._activate();
+    }
+    onremove() {
+        this._deactivate();
+    }
+    _activate() {
+        this.renderer.events.on("lclick", this._onLclick, this);
+        this.renderer.events.on("mousemove", this._onMouseMove, this);
+        this.renderer.events.on("lup", this._onLUp, this);
+    }
+    _deactivate() {
+        this.renderer.events.off("lclick", this._onLclick);
+        this.renderer.events.off("mousemove", this._onMouseMove);
+        this.renderer.events.off("lup", this._onLUp);
+        this.clear();
+    }
+    // protected _onGeoObjectEnter = (e: IMouseState) => {
+    //     e.renderer.handler.canvas!.style.cursor = "pointer";
+    // }
+    //
+    // protected _onGeoObjectLeave = (e: IMouseState) => {
+    //     e.renderer.handler.canvas!.style.cursor = "default";
+    // }
+    setVisibility(visibility) {
+    }
+    clear() {
+        this._planet.removeLayer(this._axisLayer);
+        this._planet.removeLayer(this._rotLayer);
+    }
+    frame() {
+    }
+    get ellipsoid() {
+        return this._planet ? this._planet.ellipsoid : null;
+    }
+}
+const GEOOBJECTEDITORCENE_EVENTS = [
+    "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 { GeoObjectEditorScene };

package/lib/js/ellipsoid/Ellipsoid.d.ts

@@ -98,7 +98,7 @@ declare class Ellipsoid {
      */
     lonLatToCartesianRes(lonlat: LonLat, res: Vec3): Vec3;
     /**
-     * Gets cartesian ECEF from Wgs84 geodetic coordinates.
+     * Gets cartesian ECEF 3d coordinates from geodetic coordinates.
      * @public
      * @param {Number} lon - Longitude.
      * @param {Number} lat - Latitude.

package/lib/js/ellipsoid/Ellipsoid.js

@@ -126,7 +126,7 @@ class Ellipsoid {
         return this.geodeticToCartesian(lonlat.lon, lonlat.lat, lonlat.height, res);
     }
     /**
-     * Gets cartesian ECEF from Wgs84 geodetic coordinates.
+     * Gets cartesian ECEF 3d coordinates from geodetic coordinates.
      * @public
      * @param {Number} lon - Longitude.
      * @param {Number} lat - Latitude.

package/lib/js/ellipsoid/index.d.ts

@@ -1,3 +1,4 @@
-import { Ellipsoid } from './Ellipsoid';
-import { wgs84 } from './wgs84';
-export { Ellipsoid, wgs84 };
+export * from './Ellipsoid';
+export * from './wgs84';
+export * from './mars';
+export * from './moon';

package/lib/js/ellipsoid/index.js

@@ -1,3 +1,4 @@
-import { Ellipsoid } from './Ellipsoid';
-import { wgs84 } from './wgs84';
-export { Ellipsoid, wgs84 };
+export * from './Ellipsoid';
+export * from './wgs84';
+export * from './mars';
+export * from './moon';

package/lib/js/ellipsoid/mars.d.ts

@@ -0,0 +1,6 @@
+import { Ellipsoid } from "./Ellipsoid";
+/**
+ * Mars ellipsoid object.
+ * @type {Ellipsoid}
+ */
+export declare const mars: Ellipsoid;

package/lib/js/ellipsoid/mars.js

@@ -0,0 +1,6 @@
+import { Ellipsoid } from "./Ellipsoid";
+/**
+ * Mars ellipsoid object.
+ * @type {Ellipsoid}
+ */
+export const mars = new Ellipsoid(3396200.0, 3389508.0);

package/lib/js/ellipsoid/moon.d.ts

@@ -0,0 +1,6 @@
+import { Ellipsoid } from "./Ellipsoid";
+/**
+ * Moon ellipsoid object.
+ * @type {Ellipsoid}
+ */
+export declare const moon: Ellipsoid;

package/lib/js/ellipsoid/moon.js

@@ -0,0 +1,6 @@
+import { Ellipsoid } from "./Ellipsoid";
+/**
+ * Moon ellipsoid object.
+ * @type {Ellipsoid}
+ */
+export const moon = new Ellipsoid(1737400.0, 1737400.0); // Equitorial Radius (m), Polar Radius (m)

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

@@ -10,7 +10,7 @@ import { NumberArray2 } from "../math/Vec2";
 import { IPointCloudParams, PointCloud } from "./PointCloud";
 import { IPolylineParams, Polyline } from "./Polyline";
 import { IRayParams, Ray } from "./Ray";
-import { Strip } from "./Strip";
+import { Strip, IStripParams } from "./Strip";
 import { Vector, VectorEventsType } from "../layer/Vector";
 import { EntityCollectionNode } from "../quadTree/EntityCollectionNode";
 export interface IEntityParams {
@@ -27,7 +27,8 @@ export interface IEntityParams {
     pointCloud?: PointCloud | IPointCloudParams;
     geometry?: Geometry | IGeometryParams;
     geoObject?: GeoObject | IGeoObjectParams;
-    strip?: Strip;
+    strip?: Strip | IStripParams;
+    independentPicking?: boolean;
 }
 /**
  * Entity instances aggregate multiple forms of visualization into a single high-level object.
@@ -134,6 +135,7 @@ declare class Entity {
      * @type {Vec3}
      */
     _pickingColor: Vec3;
+    _independentPicking: boolean;
     protected _featureConstructorArray: Record<string, [any, Function]>;
     /**
      * Billboard entity.

package/lib/js/entity/Entity.js

@@ -48,6 +48,7 @@ class Entity {
         this._layer = null;
         this._layerIndex = -1;
         this._pickingColor = new Vec3(0, 0, 0);
+        this._independentPicking = options.independentPicking || false;
         this._featureConstructorArray = {
             billboard: [Billboard, this.setBillboard],
             label: [Label, this.setLabel],
@@ -443,7 +444,9 @@ class Entity {
      */
     appendChild(entity) {
         entity._entityCollection = this._entityCollection;
-        entity._pickingColor = this._pickingColor;
+        if (!entity._independentPicking) {
+            entity._pickingColor = this._pickingColor;
+        }
         entity.parent = this;
         this.childrenNodes.push(entity);
         this._entityCollection && this._entityCollection.appendChildEntity(entity);

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

@@ -19,7 +19,7 @@ interface IEntityCollectionParams {
     labelMaxLetters?: number;
     pickingEnabled?: boolean;
     scaleByDistance?: NumberArray3;
-    pickingScale?: number;
+    pickingScale?: number | NumberArray3;
     opacity?: number;
     useLighting?: boolean;
     entities?: Entity[];
@@ -160,7 +160,7 @@ declare class EntityCollection {
      * @type {Array.<number>} - (exactly 3 entries)
      */
     scaleByDistance: NumberArray3;
-    pickingScale: number;
+    pickingScale: Float32Array;
     /**
      * Global opacity.
      * @protected
@@ -187,6 +187,7 @@ declare class EntityCollection {
     _quadNode?: EntityCollectionNode;
     _useLighting: number;
     constructor(options?: IEntityCollectionParams);
+    isEmpty(): boolean;
     get id(): number;
     get useLighting(): boolean;
     set useLighting(f: boolean);

package/lib/js/entity/EntityCollection.js

@@ -75,7 +75,20 @@ class EntityCollection {
         }
         this._entities = [];
         this.scaleByDistance = options.scaleByDistance || [math.MAX32, math.MAX32, math.MAX32];
-        this.pickingScale = options.pickingScale || 1.0;
+        let pickingScale = new Float32Array([1.0, 1.0, 1.0]);
+        if (options.pickingScale !== undefined) {
+            if (options.pickingScale instanceof Array) {
+                pickingScale[0] = options.pickingScale[0] || pickingScale[0];
+                pickingScale[1] = options.pickingScale[1] || pickingScale[1];
+                pickingScale[2] = options.pickingScale[2] || pickingScale[2];
+            }
+            else if (typeof options.pickingScale === 'number') {
+                pickingScale[0] = options.pickingScale;
+                pickingScale[1] = options.pickingScale;
+                pickingScale[2] = options.pickingScale;
+            }
+        }
+        this.pickingScale = pickingScale;
         this._opacity = options.opacity == undefined ? 1.0 : options.opacity;
         this._fadingOpacity = this._opacity;
         this.events = this.rendererEvents = createEvents(ENTITYCOLLECTION_EVENTS, this);
@@ -85,6 +98,9 @@ class EntityCollection {
             this.addEntities(options.entities);
         }
     }
+    isEmpty() {
+        return this._entities.length == 0;
+    }
     get id() {
         return this.__id;
     }
@@ -176,10 +192,18 @@ class EntityCollection {
         //geoObject
         entity.geoObject && this.geoObjectHandler.add(entity.geoObject);
         this.events.dispatch(this.events.entityadd, entity);
+        let rn = this.renderNode;
         for (let i = 0; i < entity.childrenNodes.length; i++) {
             entity.childrenNodes[i]._entityCollection = this;
             entity.childrenNodes[i]._entityCollectionIndex = entity._entityCollectionIndex;
-            entity.childrenNodes[i]._pickingColor = entity._pickingColor;
+            if (entity.childrenNodes[i]._independentPicking) {
+                if (rn) {
+                    rn.renderer && rn.renderer.assignPickingColor(entity.childrenNodes[i]);
+                }
+            }
+            else {
+                entity.childrenNodes[i]._pickingColor = entity._pickingColor;
+            }
             this._addRecursively(entity.childrenNodes[i]);
         }
     }

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

@@ -13,7 +13,8 @@ export interface IGeoObjectParams {
     pitch?: number;
     yaw?: number;
     roll?: number;
-    scale?: number | Vec3;
+    scale?: number | Vec3 | NumberArray3;
+    translate?: Vec3 | NumberArray3;
     color?: Vec4 | NumberArray4 | string;
     visibility?: boolean;
 }
@@ -49,6 +50,7 @@ declare class GeoObject {
     protected _yawRad: number;
     protected _rollRad: number;
     protected _scale: Vec3;
+    protected _translate: Vec3;
     /**
      * RGBA color.
      * @public
@@ -66,6 +68,7 @@ declare class GeoObject {
     protected _qNorthFrame: Quat;
     private _textureSrc?;
     _objectSrc?: string;
+    protected _children: GeoObject[];
     constructor(options: IGeoObjectParams);
     get tag(): string;
     getPosition(): Vec3;
@@ -139,6 +142,8 @@ declare class GeoObject {
     setScale(scale: number): void;
     setScale3v(scale: Vec3): void;
     getScale(): Vec3;
+    setTranslate3v(translate: Vec3): void;
+    getTranslate(): Vec3;
     /**
      * Removes geo object from handler.
      * @public

package/lib/js/entity/GeoObject.js

@@ -27,6 +27,7 @@ class GeoObject {
         this._yawRad = this._yaw * RADIANS;
         this._rollRad = this._roll * RADIANS;
         this._scale = utils.createVector3(options.scale, new Vec3(1, 1, 1));
+        this._translate = utils.createVector3(options.translate, new Vec3());
         this._color = utils.createColorRGBA(options.color);
         this._qRot = Quat.IDENTITY;
         this._handler = null;
@@ -46,6 +47,7 @@ class GeoObject {
             this.setTextureSrc(options.textureSrc);
         }
         this._visibility = (options.visibility != undefined ? options.visibility : true);
+        this._children = [];
         this._direction = new Vec3();
         this._qNorthFrame = new Quat();
     }
@@ -215,6 +217,13 @@ class GeoObject {
     getScale() {
         return this._scale;
     }
+    setTranslate3v(translate) {
+        this._translate.copy(translate);
+        this._handler && this._handler.setTranslateArr(this._tagData, this._tagDataIndex, translate);
+    }
+    getTranslate() {
+        return this._translate;
+    }
     /**
      * Removes geo object from handler.
      * @public

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

@@ -16,6 +16,7 @@ declare class InstanceData {
     _textureSrc: string | null;
     _objectSrc?: string;
     _sizeArr: number[] | TypedArray;
+    _translateArr: number[] | TypedArray;
     _vertexArr: number[] | TypedArray;
     _positionHighArr: number[] | TypedArray;
     _positionLowArr: number[] | TypedArray;
@@ -27,6 +28,7 @@ declare class InstanceData {
     _visibleArr: number[] | TypedArray;
     _texCoordArr: number[] | TypedArray;
     _sizeBuffer: WebGLBufferExt | null;
+    _translateBuffer: WebGLBufferExt | null;
     _vertexBuffer: WebGLBufferExt | null;
     _positionHighBuffer: WebGLBufferExt | null;
     _positionLowBuffer: WebGLBufferExt | null;
@@ -46,6 +48,7 @@ declare class InstanceData {
     createVertexBuffer(): void;
     createVisibleBuffer(): void;
     createSizeBuffer(): void;
+    createTranslateBuffer(): void;
     createTexCoordBuffer(): void;
     createPositionBuffer(): void;
     createRgbaBuffer(): void;
@@ -88,6 +91,7 @@ declare class GeoObjectHandler {
     setRgbaArr(tagData: InstanceData, tagDataIndex: number, rgba: Vec4): void;
     setPickingColorArr(tagData: InstanceData, tagDataIndex: number, color: Vec3): void;
     setScaleArr(tagData: InstanceData, tagDataIndex: number, scale: Vec3): void;
+    setTranslateArr(tagData: InstanceData, tagDataIndex: number, translate: Vec3): void;
     protected _updateTag(dataTag: InstanceData): void;
     update(): void;
     _removeAll(): void;