mirror of
https://github.com/danielsogl/awesome-cordova-plugins.git
synced 2025-01-31 18:49:43 +08:00
Merge pull request #27 from ihadeed/add-device-orientation
feat(plugin): add device orientation plugin
This commit is contained in:
commit
a4bdab2026
107
src/plugins/deviceorientation.ts
Normal file
107
src/plugins/deviceorientation.ts
Normal file
@ -0,0 +1,107 @@
|
|||||||
|
import {Plugin, Cordova} from './plugin';
|
||||||
|
import {Observable} from "rxjs/Observable";
|
||||||
|
|
||||||
|
export interface CompassHeading {
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The heading in degrees from 0-359.99 at a single moment in time. (Number)
|
||||||
|
*/
|
||||||
|
magneticHeading : number,
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The heading relative to the geographic North Pole in degrees 0-359.99 at a single moment in time. A negative value indicates that the true heading can't be determined. (Number)
|
||||||
|
*/
|
||||||
|
trueHeading : number,
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The deviation in degrees between the reported heading and the true heading. (Number)
|
||||||
|
*/
|
||||||
|
headingAccuracy : number,
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The time at which this heading was determined. (DOMTimeStamp)
|
||||||
|
*/
|
||||||
|
timestamp : any
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface CompassOptions {
|
||||||
|
|
||||||
|
/**
|
||||||
|
* How often to retrieve the compass heading in milliseconds. (Number) (Default: 100)
|
||||||
|
*/
|
||||||
|
frequency : number,
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The change in degrees required to initiate a watchHeading success callback. When this value is set, frequency is ignored. (Number)
|
||||||
|
*/
|
||||||
|
filter : number
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Requires Cordova plugin: `cordova-plugin-device-orientation`. For more info, please see the [Device Orientation docs](https://github.com/apache/cordova-plugin-device-orientation).
|
||||||
|
*
|
||||||
|
* ```
|
||||||
|
* cordova plugin add https://github.com/apache/cordova-plugin-device-orientation.git
|
||||||
|
* ````
|
||||||
|
*
|
||||||
|
* @usage
|
||||||
|
* ```ts
|
||||||
|
* // Get the device current compass heading
|
||||||
|
* DeviceOrientation.getCurrentHeading().then(
|
||||||
|
* data => console.log(data),
|
||||||
|
* error => console.log(error)
|
||||||
|
* );
|
||||||
|
*
|
||||||
|
* // Watch the device compass heading change
|
||||||
|
* var subscription = DeviceOrientation.watchHeading().subscribe(
|
||||||
|
* data => console.log(data)
|
||||||
|
* );
|
||||||
|
*
|
||||||
|
* // Stop watching heading change
|
||||||
|
* subscription.unsubscribe();
|
||||||
|
* ```
|
||||||
|
*/
|
||||||
|
@Plugin({
|
||||||
|
plugin: 'https://github.com/apache/cordova-plugin-device-orientation',
|
||||||
|
pluginRef: 'navigator.compass'
|
||||||
|
})
|
||||||
|
export class DeviceOrientation {
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get the current compass heading.
|
||||||
|
* @returns {Promise<CompassHeading>}
|
||||||
|
*/
|
||||||
|
@Cordova()
|
||||||
|
static getCurrentHeading() : Promise<CompassHeading> {
|
||||||
|
// This Promise is replaced by one from the @Cordova decorator that wraps
|
||||||
|
// the plugin's callbacks. We provide a dummy one here so TypeScript
|
||||||
|
// knows that the correct return type is Promise, because there's no way
|
||||||
|
// for it to know the return type from a decorator.
|
||||||
|
// See https://github.com/Microsoft/TypeScript/issues/4881
|
||||||
|
return new Promise<CompassHeading>((res, rej) => {});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get the device current heading at a regular interval
|
||||||
|
*
|
||||||
|
* Stop the watch by unsubscribing from the observable
|
||||||
|
* @param options
|
||||||
|
* @returns {Observable<CompassHeading>}
|
||||||
|
*/
|
||||||
|
@Cordova({
|
||||||
|
callbackOrder: 'reverse',
|
||||||
|
observable: true,
|
||||||
|
cancelFunction: 'clearWatch'
|
||||||
|
})
|
||||||
|
static watchHeading(options? : CompassOptions) : Observable<CompassHeading> {
|
||||||
|
// This Observable is replaced by one from the @Cordova decorator that wraps
|
||||||
|
// the plugin's callbacks. We provide a dummy one here so TypeScript
|
||||||
|
// knows that the correct return type is Observable, because there's no way
|
||||||
|
// for it to know the return type from a decorator.
|
||||||
|
// See https://github.com/Microsoft/TypeScript/issues/4881
|
||||||
|
return new Observable<CompassHeading>(observer => {});
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user