c8y-openlayer/ol/deviceorientation.js

This module is designed to help integrate Openlayer with Cumulocity IoT

import _ol_events_ from './events.js';
import _ol_ from './index.js';
import _ol_Object_ from './object.js';
import _ol_has_ from './has.js';
import _ol_math_ from './math.js';

/**
 * @classdesc
 * The ol.DeviceOrientation class provides access to information from
 * DeviceOrientation events.  See the [HTML 5 DeviceOrientation Specification](
 * http://www.w3.org/TR/orientation-event/) for more details.
 *
 * Many new computers, and especially mobile phones
 * and tablets, provide hardware support for device orientation. Web
 * developers targeting mobile devices will be especially interested in this
 * class.
 *
 * Device orientation data are relative to a common starting point. For mobile
 * devices, the starting point is to lay your phone face up on a table with the
 * top of the phone pointing north. This represents the zero state. All
 * angles are then relative to this state. For computers, it is the same except
 * the screen is open at 90 degrees.
 *
 * Device orientation is reported as three angles - `alpha`, `beta`, and
 * `gamma` - relative to the starting position along the three planar axes X, Y
 * and Z. The X axis runs from the left edge to the right edge through the
 * middle of the device. Similarly, the Y axis runs from the bottom to the top
 * of the device through the middle. The Z axis runs from the back to the front
 * through the middle. In the starting position, the X axis points to the
 * right, the Y axis points away from you and the Z axis points straight up
 * from the device lying flat.
 *
 * The three angles representing the device orientation are relative to the
 * three axes. `alpha` indicates how much the device has been rotated around the
 * Z axis, which is commonly interpreted as the compass heading (see note
 * below). `beta` indicates how much the device has been rotated around the X
 * axis, or how much it is tilted from front to back.  `gamma` indicates how
 * much the device has been rotated around the Y axis, or how much it is tilted
 * from left to right.
 *
 * For most browsers, the `alpha` value returns the compass heading so if the
 * device points north, it will be 0.  With Safari on iOS, the 0 value of
 * `alpha` is calculated from when device orientation was first requested.
 * ol.DeviceOrientation provides the `heading` property which normalizes this
 * behavior across all browsers for you.
 *
 * It is important to note that the HTML 5 DeviceOrientation specification
 * indicates that `alpha`, `beta` and `gamma` are in degrees while the
 * equivalent properties in ol.DeviceOrientation are in radians for consistency
 * with all other uses of angles throughout OpenLayers.
 *
 * To get notified of device orientation changes, register a listener for the
 * generic `change` event on your `ol.DeviceOrientation` instance.
 *
 * @see {@link http://www.w3.org/TR/orientation-event/}
 *
 * @deprecated This class is deprecated and will removed in the next major release.
 *
 * @constructor
 * @extends {ol.Object}
 * @param {olx.DeviceOrientationOptions=} opt_options Options.
 * @api
 */
var _ol_DeviceOrientation_ = function(opt_options) {

  _ol_Object_.call(this);

  var options = opt_options ? opt_options : {};

  /**
   * @private
   * @type {?ol.EventsKey}
   */
  this.listenerKey_ = null;

  _ol_events_.listen(this,
      _ol_Object_.getChangeEventType(_ol_DeviceOrientation_.Property_.TRACKING),
      this.handleTrackingChanged_, this);

  this.setTracking(options.tracking !== undefined ? options.tracking : false);

};

_ol_.inherits(_ol_DeviceOrientation_, _ol_Object_);


/**
 * @inheritDoc
 */
_ol_DeviceOrientation_.prototype.disposeInternal = function() {
  this.setTracking(false);
  _ol_Object_.prototype.disposeInternal.call(this);
};


/**
 * @private
 * @param {Event} originalEvent Event.
 */
_ol_DeviceOrientation_.prototype.orientationChange_ = function(originalEvent) {
  var event = /** @type {DeviceOrientationEvent} */ (originalEvent);
  if (event.alpha !== null) {
    var alpha = _ol_math_.toRadians(event.alpha);
    this.set(_ol_DeviceOrientation_.Property_.ALPHA, alpha);
    // event.absolute is undefined in iOS.
    if (typeof event.absolute === 'boolean' && event.absolute) {
      this.set(_ol_DeviceOrientation_.Property_.HEADING, alpha);
    } else if (typeof event.webkitCompassHeading === 'number' &&
               event.webkitCompassAccuracy != -1) {
      var heading = _ol_math_.toRadians(event.webkitCompassHeading);
      this.set(_ol_DeviceOrientation_.Property_.HEADING, heading);
    }
  }
  if (event.beta !== null) {
    this.set(_ol_DeviceOrientation_.Property_.BETA,
        _ol_math_.toRadians(event.beta));
  }
  if (event.gamma !== null) {
    this.set(_ol_DeviceOrientation_.Property_.GAMMA,
        _ol_math_.toRadians(event.gamma));
  }
  this.changed();
};


/**
 * Rotation around the device z-axis (in radians).
 * @return {number|undefined} The euler angle in radians of the device from the
 *     standard Z axis.
 * @observable
 * @api
 */
_ol_DeviceOrientation_.prototype.getAlpha = function() {
  return (
    /** @type {number|undefined} */ this.get(_ol_DeviceOrientation_.Property_.ALPHA)
  );
};


/**
 * Rotation around the device x-axis (in radians).
 * @return {number|undefined} The euler angle in radians of the device from the
 *     planar X axis.
 * @observable
 * @api
 */
_ol_DeviceOrientation_.prototype.getBeta = function() {
  return (
    /** @type {number|undefined} */ this.get(_ol_DeviceOrientation_.Property_.BETA)
  );
};


/**
 * Rotation around the device y-axis (in radians).
 * @return {number|undefined} The euler angle in radians of the device from the
 *     planar Y axis.
 * @observable
 * @api
 */
_ol_DeviceOrientation_.prototype.getGamma = function() {
  return (
    /** @type {number|undefined} */ this.get(_ol_DeviceOrientation_.Property_.GAMMA)
  );
};


/**
 * The heading of the device relative to north (in radians).
 * @return {number|undefined} The heading of the device relative to north, in
 *     radians, normalizing for different browser behavior.
 * @observable
 * @api
 */
_ol_DeviceOrientation_.prototype.getHeading = function() {
  return (
    /** @type {number|undefined} */ this.get(_ol_DeviceOrientation_.Property_.HEADING)
  );
};


/**
 * Determine if orientation is being tracked.
 * @return {boolean} Changes in device orientation are being tracked.
 * @observable
 * @api
 */
_ol_DeviceOrientation_.prototype.getTracking = function() {
  return (
    /** @type {boolean} */ this.get(_ol_DeviceOrientation_.Property_.TRACKING)
  );
};


/**
 * @private
 */
_ol_DeviceOrientation_.prototype.handleTrackingChanged_ = function() {
  if (_ol_has_.DEVICE_ORIENTATION) {
    var tracking = this.getTracking();
    if (tracking && !this.listenerKey_) {
      this.listenerKey_ = _ol_events_.listen(window, 'deviceorientation',
          this.orientationChange_, this);
    } else if (!tracking && this.listenerKey_ !== null) {
      _ol_events_.unlistenByKey(this.listenerKey_);
      this.listenerKey_ = null;
    }
  }
};


/**
 * Enable or disable tracking of device orientation events.
 * @param {boolean} tracking The status of tracking changes to alpha, beta and
 *     gamma. If true, changes are tracked and reported immediately.
 * @observable
 * @api
 */
_ol_DeviceOrientation_.prototype.setTracking = function(tracking) {
  this.set(_ol_DeviceOrientation_.Property_.TRACKING, tracking);
};


/**
 * @enum {string}
 * @private
 */
_ol_DeviceOrientation_.Property_ = {
  ALPHA: 'alpha',
  BETA: 'beta',
  GAMMA: 'gamma',
  HEADING: 'heading',
  TRACKING: 'tracking'
};
export default _ol_DeviceOrientation_;