@openglobus/og 0.13.3 → 0.13.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openglobus/og",
-  "version": "0.13.3",
+  "version": "0.13.6",
   "description": "[OpenGlobus](http://www.openglobus.org/) is a javascript 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"

package/src/og/Events.js

@@ -1,188 +1,188 @@
-/**
- * @module og/Events
- */
-
-"use strict";
-
-import { stamp, binaryInsert } from "./utils/shared.js";
-
-/**
- * Base events class to handle custom events.
- * @class
- */
-class Events {
-    /**
-     *
-     * @param {Array.<string>} [eventNames] - Event names that could be dispatched.
-     * @param {*} [sender]
-     */
-    constructor(eventNames, sender) {
-        /**
-         * Registered event names.
-         * @protected
-         * @type {Array.<string>}
-         */
-        this._eventNames = [];
-
-        eventNames && this.registerNames(eventNames);
-
-        this._sender = sender || this;
-
-        /**
-         * Stop propagation flag
-         * @protected
-         * @type {boolean}
-         */
-        this._stopPropagation = false;
-
-        this._stampCache = {};
-
-        this.__id = Events._staticCounter++;
-    }
-
-    static get _staticCounter() {
-        if (!this.__counter__ && this.__counter__ !== 0) {
-            this.__counter__ = 0;
-        }
-        return this.__counter__;
-    }
-
-    static set _staticCounter(n) {
-        this.__counter__ = n;
-    }
-
-    bindSender(sender) {
-        this._sender = sender || this;
-    }
-
-    /**
-     * Function that creates event object properties that would be dispatched.
-     * @public
-     * @param {Array.<string>} eventNames - Specified event names list.
-     */
-    registerNames(eventNames) {
-        for (var i = 0; i < eventNames.length; i++) {
-            this[eventNames[i]] = { active: true, handlers: [] };
-            this._eventNames.push(eventNames[i]);
-        }
-    }
-
-    _getStamp(name, id, ogid) {
-        return `${name}_${id}_${ogid}`;
-    }
-
-    /**
-     * Returns true if event callback has stamped.
-     * @protected
-     * @param {Object} name - Event identifier.
-     * @param {Object} obj - Event callback.
-     * @return {boolean} -
-     */
-    _stamp(name, obj) {
-        var ogid = stamp(obj);
-
-        var st = this._getStamp(name, this.__id, ogid);
-
-        if (!this._stampCache[st]) {
-            this._stampCache[st] = ogid;
-            return true;
-        }
-
-        return false;
-    }
-
-    /**
-     * Attach listener.
-     * @public
-     * @param {string} name - Event name to listen.
-     * @param {eventCallback} callback - Event callback function.
-     * @param {Object} sender - Event callback function owner.
-     */
-    on(name, callback, sender, priority = 0) {
-        if (this._stamp(name, callback)) {
-            if (this[name]) {
-                let c = callback.bind(sender || this._sender);
-                c._openglobus_id = callback._openglobus_id;
-                c._openglobus_priority = priority;
-                binaryInsert(this[name].handlers, c, (a, b) => {
-                    return b._openglobus_priority - a._openglobus_priority;
-                });
-            }
-        }
-    }
-
-    /**
-     * Stop listening event name with specified callback function.
-     * @public
-     * @param {string} name - Event name.
-     * @param {eventCallback} callback - Attached  event callback.
-     */
-    off(name, callback) {
-        if (callback) {
-            var st = this._getStamp(name, this.__id, callback._openglobus_id);
-            if (callback._openglobus_id && this._stampCache[st]) {
-                var h = this[name].handlers;
-                var i = h.length;
-                var indexToRemove = -1;
-                while (i--) {
-                    var hi = h[i];
-                    if (hi._openglobus_id === callback._openglobus_id) {
-                        indexToRemove = i;
-                        break;
-                    }
-                }
-
-                if (indexToRemove !== -1) {
-                    h.splice(indexToRemove, 1);
-                    this._stampCache[st] = undefined;
-                    delete this._stampCache[st];
-                }
-            }
-        }
-    }
-
-    /**
-     * Dispatch event.
-     * @public
-     * @param {Object} event - Event instance property that created by event name.
-     * @param {Object} [obj] - Event object.
-     */
-    dispatch(event, ...args) {
-        let result = true;
-        if (event && event.active && !this._stopPropagation) {
-            let h = event.handlers,
-                i = h.length;
-            while (i--) {
-                if (h[i](...args) === false) {
-                    result = false;
-                }
-            }
-        }
-        this._stopPropagation = false;
-        return result;
-    }
-
-    /**
-     * Brakes events propagation.
-     * @public
-     */
-    stopPropagation() {
-        this._stopPropagation = true;
-    }
-
-    /**
-     * Removes all events.
-     * @public
-     */
-    clear() {
-        for (var i = 0; i < this._eventNames.length; i++) {
-            var e = this[this._eventNames[i]];
-            e.handlers.length = 0;
-            e.handlers = [];
-        }
-        this._eventNames.length = 0;
-        this._eventNames = [];
-    }
-}
-
-export { Events };
+/**
+ * @module og/Events
+ */
+
+"use strict";
+
+import { stamp, binaryInsert } from "./utils/shared.js";
+
+/**
+ * Base events class to handle custom events.
+ * @class
+ */
+class Events {
+    /**
+     *
+     * @param {Array.<string>} [eventNames] - Event names that could be dispatched.
+     * @param {*} [sender]
+     */
+    constructor(eventNames, sender) {
+        /**
+         * Registered event names.
+         * @protected
+         * @type {Array.<string>}
+         */
+        this._eventNames = [];
+
+        eventNames && this.registerNames(eventNames);
+
+        this._sender = sender || this;
+
+        /**
+         * Stop propagation flag
+         * @protected
+         * @type {boolean}
+         */
+        this._stopPropagation = false;
+
+        this._stampCache = {};
+
+        this.__id = Events._staticCounter++;
+    }
+
+    static get _staticCounter() {
+        if (!this.__counter__ && this.__counter__ !== 0) {
+            this.__counter__ = 0;
+        }
+        return this.__counter__;
+    }
+
+    static set _staticCounter(n) {
+        this.__counter__ = n;
+    }
+
+    bindSender(sender) {
+        this._sender = sender || this;
+    }
+
+    /**
+     * Function that creates event object properties that would be dispatched.
+     * @public
+     * @param {Array.<string>} eventNames - Specified event names list.
+     */
+    registerNames(eventNames) {
+        for (var i = 0; i < eventNames.length; i++) {
+            this[eventNames[i]] = { active: true, handlers: [] };
+            this._eventNames.push(eventNames[i]);
+        }
+    }
+
+    _getStamp(name, id, ogid) {
+        return `${name}_${id}_${ogid}`;
+    }
+
+    /**
+     * Returns true if event callback has stamped.
+     * @protected
+     * @param {Object} name - Event identifier.
+     * @param {Object} obj - Event callback.
+     * @return {boolean} -
+     */
+    _stamp(name, obj) {
+        var ogid = stamp(obj);
+
+        var st = this._getStamp(name, this.__id, ogid);
+
+        if (!this._stampCache[st]) {
+            this._stampCache[st] = ogid;
+            return true;
+        }
+
+        return false;
+    }
+
+    /**
+     * Attach listener.
+     * @public
+     * @param {string} name - Event name to listen.
+     * @param {eventCallback} callback - Event callback function.
+     * @param {Object} sender - Event callback function owner.
+     */
+    on(name, callback, sender, priority = 0) {
+        if (this._stamp(name, callback)) {
+            if (this[name]) {
+                let c = callback.bind(sender || this._sender);
+                c._openglobus_id = callback._openglobus_id;
+                c._openglobus_priority = priority;
+                binaryInsert(this[name].handlers, c, (a, b) => {
+                    return b._openglobus_priority - a._openglobus_priority;
+                });
+            }
+        }
+    }
+
+    /**
+     * Stop listening event name with specified callback function.
+     * @public
+     * @param {string} name - Event name.
+     * @param {eventCallback} callback - Attached  event callback.
+     */
+    off(name, callback) {
+        if (callback) {
+            var st = this._getStamp(name, this.__id, callback._openglobus_id);
+            if (callback._openglobus_id && this._stampCache[st]) {
+                var h = this[name].handlers;
+                var i = h.length;
+                var indexToRemove = -1;
+                while (i--) {
+                    var hi = h[i];
+                    if (hi._openglobus_id === callback._openglobus_id) {
+                        indexToRemove = i;
+                        break;
+                    }
+                }
+
+                if (indexToRemove !== -1) {
+                    h.splice(indexToRemove, 1);
+                    this._stampCache[st] = undefined;
+                    delete this._stampCache[st];
+                }
+            }
+        }
+    }
+
+    /**
+     * Dispatch event.
+     * @public
+     * @param {Object} event - Event instance property that created by event name.
+     * @param {Object} [obj] - Event object.
+     */
+    dispatch(event, ...args) {
+        let result = true;
+        if (event && event.active && !this._stopPropagation) {
+            let h = event.handlers.slice(0),
+                i = h.length;
+            while (i--) {
+                if (h[i](...args) === false) {
+                    result = false;
+                }
+            }
+        }
+        this._stopPropagation = false;
+        return result;
+    }
+
+    /**
+     * Brakes events propagation.
+     * @public
+     */
+    stopPropagation() {
+        this._stopPropagation = true;
+    }
+
+    /**
+     * Removes all events.
+     * @public
+     */
+    clear() {
+        for (var i = 0; i < this._eventNames.length; i++) {
+            var e = this[this._eventNames[i]];
+            e.handlers.length = 0;
+            e.handlers = [];
+        }
+        this._eventNames.length = 0;
+        this._eventNames = [];
+    }
+}
+
+export { Events };

package/src/og/Globe.js

@@ -8,6 +8,7 @@ import { CompassButton } from "./control/CompassButton.js";
 import { EarthCoordinates } from "./control/EarthCoordinates.js";
 import { EarthNavigation } from "./control/EarthNavigation.js";
 import { MouseNavigation } from "./control/MouseNavigation.js";
+import { KeyboardNavigation } from "./control/KeyboardNavigation.js";
 import { ScaleControl } from "./control/ScaleControl.js";
 import { Sun } from "./control/Sun.js";
 import { TouchNavigation } from "./control/TouchNavigation.js";

package/src/og/control/KeyboardNavigation.js

@@ -24,16 +24,22 @@ class KeyboardNavigation extends Control {
     }
 
     oninit() {
+        this.renderer.events.on("keypress", input.KEY_PGUP, this.onCameraMoveForward, this);
+        this.renderer.events.on("keypress", input.KEY_PGDN, this.onCameraMoveBackward, this);
+        this.renderer.events.on("keypress", input.KEY_PLUS, this.onCameraMoveForward, this);
+        this.renderer.events.on("keypress", input.KEY_EQUALS, this.onCameraMoveForward, this);
+        this.renderer.events.on("keypress", input.KEY_MINUS, this.onCameraMoveBackward, this);
         this.renderer.events.on("keypress", input.KEY_W, this.onCameraMoveForward, this);
         this.renderer.events.on("keypress", input.KEY_S, this.onCameraMoveBackward, this);
         this.renderer.events.on("keypress", input.KEY_A, this.onCameraStrifeLeft, this);
         this.renderer.events.on("keypress", input.KEY_D, this.onCameraStrifeRight, this);
         this.renderer.events.on("keypress", input.KEY_UP, this.onCameraLookUp, this);
         this.renderer.events.on("keypress", input.KEY_DOWN, this.onCameraLookDown, this);
-        this.renderer.events.on("keypress", input.KEY_LEFT, this.onCameraTurnLeft, this);
-        this.renderer.events.on("keypress", input.KEY_RIGHT, this.onCameraTurnRight, this);
+        this.renderer.events.on("keypress", input.KEY_LEFT, this.onCameraLookLeft, this);
+        this.renderer.events.on("keypress", input.KEY_RIGHT, this.onCameraLookRight, this);
         this.renderer.events.on("keypress", input.KEY_Q, this.onCameraRollLeft, this);
         this.renderer.events.on("keypress", input.KEY_E, this.onCameraRollRight, this);
+        this.renderer.events.on("keypress", input.KEY_N, this.onCameraRollNorth, this);
     }
 
     onCameraMoveForward(event) {
@@ -84,6 +90,26 @@ class KeyboardNavigation extends Control {
         cam.update();
     }
 
+    onCameraLookLeft(event) {
+        var cam = this.renderer.activeCamera;
+        if (this.renderer.events.isKeyPressed(input.KEY_SHIFT)) {
+            cam.roll(15 / this.renderer.handler.deltaTime);
+        } else {
+            cam.rotateHorizontal((cam._lonLat.height / 3000000) * math.RADIANS, Vec3.ZERO);
+        }
+        cam.update();
+    }
+
+    onCameraLookRight(event) {
+        var cam = this.renderer.activeCamera;
+        if (this.renderer.events.isKeyPressed(input.KEY_SHIFT)) {
+            cam.roll(-15 / this.renderer.handler.deltaTime);
+        } else {
+            cam.rotateHorizontal((-cam._lonLat.height / 3000000) * math.RADIANS, Vec3.ZERO);
+        }
+        cam.update();
+    }
+
     onCameraTurnLeft(event) {
         var cam = this.renderer.activeCamera;
         if (this.renderer.events.isKeyPressed(input.KEY_SHIFT)) {
@@ -104,6 +130,26 @@ class KeyboardNavigation extends Control {
         cam.update();
     }
 
+    // from CompassButton._onClick()
+    onCameraRollNorth(event) {
+      let c = this.planet.getCartesianFromPixelTerrain(this.renderer.handler.getCenter());
+      if (c) {
+        this.planet.flyCartesian(
+          c.normal().scaleTo(c.length() + c.distance(this.planet.camera.eye)),
+          null,
+          null,
+          0,
+          null,
+          null,
+          () => {
+            this.planet.camera.look(c);
+          }
+          );
+      } else {
+        this.planet.flyCartesian(this.planet.camera.eye);
+      }
+    }
+
     onCameraRollLeft(event) {
         this.renderer.activeCamera.roll(-15 / this.renderer.handler.deltaTime);
         this.renderer.activeCamera.update();