Added debounce

This commit is contained in:
Zakary Timson 2019-09-02 18:51:28 -04:00
parent 5572bd888f
commit 4ad5131d35
2 changed files with 4 additions and 3 deletions

View File

@ -1,13 +1,12 @@
import {EventEmitter, Injectable} from '@angular/core';
import {BehaviorSubject, combineLatest} from "rxjs";
import {PermissionsService} from "../components/permissions/permissions.service";
import {debounceTime} from "rxjs/operators";
@Injectable({
providedIn: 'root'
})
export class PhysicsService {
private motionTimestamp;
requireCalibration = new EventEmitter();
calibrate = new BehaviorSubject<number>(Infinity);
@ -21,6 +20,7 @@ export class PhysicsService {
permissionsService.requestPermission('geolocation', 'gps_fixed', 'Can we use your location?').then(granted => {
if(granted) {
// Gather physical data
window.addEventListener('devicemotion', motion => this.motion.next(motion));
window.addEventListener('deviceorientation', orientation => {
console.log('Orientation:', orientation);
this.orientation.next(orientation);
@ -31,7 +31,7 @@ export class PhysicsService {
});
// Combine data into one nice package
combineLatest(this.position, this.orientation, this.calibrate).subscribe(data => {
combineLatest(this.position.pipe(debounceTime(100)), this.orientation.pipe(debounceTime(100)), this.calibrate).subscribe(data => {
console.log('Combine:', data);
if(!data[0]) return;

View File

@ -115,6 +115,7 @@ export class MapComponent implements OnDestroy, OnInit {
// Display location information & submit it
this.physicsService.info.pipe(filter(coord => !!coord)).subscribe(pos => {
console.log('painting');
if (!this.position) this.center({lat: pos.latitude, lng: pos.longitude});
if (this.positionMarker.arrow) this.map.delete(this.positionMarker.arrow);
if (this.positionMarker.circle) this.map.delete(this.positionMarker.circle);