ztimson/map-alliance
ztimson/map-alliance
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases 1 Activity

Use device orientation

Browse Source
This commit is contained in:
ztimson 2019-07-09 15:11:21 -04:00
parent d7f81e4221
commit 041d6aed07
1 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/app/geolocation/geolocation.service.ts
View File

@ -6,13 +6,26 @@ import {MatSnackBar} from "@angular/material";
providedIn: 'root'
})
export class GeolocationService implements OnDestroy {
readonly watchRegistrationID;
private readonly watchRegistrationID;
private orientation: DeviceOrientationEvent;
location = new BehaviorSubject<Coordinates>(null);
location = new BehaviorSubject<any>(null);
constructor(snackBar: MatSnackBar) {
window.addEventListener('deviceorientation', (orientation) => this.orientation = orientation, true);
if(navigator.geolocation) {
this.watchRegistrationID = navigator.geolocation.watchPosition(pos => this.location.next(pos.coords), (error) => {
this.watchRegistrationID = navigator.geolocation.watchPosition(pos => {
this.location.next({
accuracy: pos.coords.accuracy,
altitude: pos.coords.altitude,
altitudeAccuracy: pos.coords.altitudeAccuracy,
heading: pos.coords.heading || this.orientation.alpha,
latitude: pos.coords.latitude,
longitude: pos.coords.longitude,
speed: pos.coords.speed
});
}, (error) => {
switch(error.code) {
case error.PERMISSION_DENIED:
snackBar.open('Geolocation permission denied', null, {duration: 3000, horizontalPosition: 'right', panelClass: ['bg-warning', 'text-white']});