27 lines
1.2 KiB
HTML
27 lines
1.2 KiB
HTML
<toolbar [(menuItems)]="menu"></toolbar>
|
|
<div id="map"></div>
|
|
<div *ngIf="showPalette" [@flyInRight] [@flyOutRight] class="palette">
|
|
<palette [(selected)]="drawColor" (selectedChange)="map.drawingColor = $event"></palette>
|
|
</div>
|
|
<div class="info p-2">
|
|
<span *ngIf="!position" class="text-danger">No GPS</span>
|
|
<div *ngIf="position" class="text-white">
|
|
Heading:
|
|
<span *ngIf="position.heading == null" class="text-danger">No Heading</span>
|
|
<span *ngIf="!isNaN(position.heading)">{{position.heading | number : '1.0-0'}}°</span>
|
|
<br>
|
|
Latitude: {{position.latitude | number : '0.0-5'}}
|
|
<br>
|
|
Longitude: {{position.longitude | number : '0.0-5'}}
|
|
<br>
|
|
Altitude:
|
|
<span *ngIf="!position.altitude" class="text-danger">No Altitude</span>
|
|
<span *ngIf="position.altitude">{{position.altitude | number : '0.0-0'}} m</span>
|
|
<br>
|
|
Speed:
|
|
<span *ngIf="!position.speed" class="text-danger">No Speed</span>
|
|
<span *ngIf="position.speed">{{position.speed * 60 * 60 / 1000 | number : '1.0-1'}} km/h</span>
|
|
</div>
|
|
</div>
|
|
<button *ngIf="position" mat-fab class="gps" (click)="center()"><mat-icon>gps_fixed</mat-icon></button>
|