Fix

src/app/components/marker/marker.component.html

@@ -0,0 +1,8 @@
+<div>
+    <div class="row">
+        <mat-form-field appearance="fill" class="col-12 col-md-6">
+            <mat-label>Label</mat-label>
+            <input matInput [(ngModel)]="marker.label">
+        </mat-form-field>
+    </div>
+</div>

src/app/components/marker/marker.component.ts

@@ -0,0 +1,12 @@
+import {Component, Inject} from "@angular/core";
+import {MatBottomSheetRef} from "@angular/material";
+import {MAT_BOTTOM_SHEET_DATA} from "@angular/material/bottom-sheet";
+
+@Component({
+    selector: 'calibrate',
+    templateUrl: 'marker.component.html'
+})
+export class MarkerComponent {
+
+    constructor(private bottomSheetRef: MatBottomSheetRef, @Inject(MAT_BOTTOM_SHEET_DATA) public marker) { }
+}

src/app/services/physics.service.ts

@@ -23,8 +23,6 @@ export class PhysicsService {
                 window.addEventListener('deviceorientation', orientation => this.orientation.next(orientation));
                 window.addEventListener('devicemotion', motion => this.motion.next(motion));
                 navigator.geolocation.watchPosition(position => this.position.next(position));
-                navigator.geolocation.getCurrentPosition(e => console.log(e));
-                this.position.subscribe(e => console.log(e));
 
                 // Combine data into one nice package
                 combineLatest(this.position, this.orientation, this.calibrate).subscribe(data => {