diff --git a/src/app/map/map.component.html b/src/app/map/map.component.html
index 8e4c7f1..e47e9c4 100644
--- a/src/app/map/map.component.html
+++ b/src/app/map/map.component.html
@@ -7,8 +7,7 @@
-
-
- - {{ log.gps_data.longitude }} | {{ log.gps_data.latitude }}
-
+
+ Displaying last {{ displayedPoints }} records (ommited {{ ommitedPoints }} data points)
+
diff --git a/src/app/map/map.component.scss b/src/app/map/map.component.scss
index ec8ebe5..3757a23 100644
--- a/src/app/map/map.component.scss
+++ b/src/app/map/map.component.scss
@@ -1,3 +1,7 @@
+.displayingOf {
+ text-align: center;
+}
+
#map {
height: 85vh;
width: 100%;
diff --git a/src/app/map/map.component.ts b/src/app/map/map.component.ts
index 53d6dae..6071842 100644
--- a/src/app/map/map.component.ts
+++ b/src/app/map/map.component.ts
@@ -26,6 +26,9 @@ export class MapComponent implements OnInit {
lastPoint: number[];
+ ommitedPoints: Number;
+ displayedPoints: Number;
+
constructor(private logsService: LogsService) {}
async ngOnInit() {
@@ -47,6 +50,11 @@ export class MapComponent implements OnInit {
if (firstRun) {
data = await this.logsService.getLogsFirstRun();
firstRun = false;
+ if (data.length > 100) {
+ this.ommitedPoints = data.length;
+ data = data.slice(data.length - 100, data.length);
+ }
+ this.displayedPoints = data.length;
} else {
data = await this.logsService.getUpdates();
}