From ae9f3892c709bce6393e31aeb92a49ecd2229021 Mon Sep 17 00:00:00 2001
From: "Phyks (Lucas Verney)" <phyks@phyks.me>
Date: Mon, 9 Jul 2018 15:25:18 +0200
Subject: [PATCH] Display a polyline with the previous positions

---
 src/components/Map.vue | 2 ++
 src/views/Map.vue      | 4 +++-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/Map.vue b/src/components/Map.vue
index 6946bcb..87dfcbc 100644
--- a/src/components/Map.vue
+++ b/src/components/Map.vue
@@ -7,6 +7,7 @@
             <v-lcirclemarker v-else :lat-lng="positionLatLng" :color="markerOptions.color" :fillColor="markerOptions.fillColor" :fillOpacity="1.0" :weight="markerOptions.weight" :radius="markerRadius"></v-lcirclemarker>
 
             <v-lcircle v-if="shouldDisplayAccuracy" :lat-lng="positionLatLng" :radius="radiusFromAccuracy"></v-lcircle>
+            <v-lpolyline :latLngs="polyline" :opacity="0.6" color="#00FF00"></v-lpolyline>
 
             <ReportMarker v-for="marker in markers" :key="marker.id" :marker="marker"></ReportMarker>
         </v-lmap>
@@ -58,6 +59,7 @@ export default {
         heading: Number,
         markers: Array,
         onPress: Function,
+        polyline: Array,
         positionLatLng: Array,
     },
     computed: {
diff --git a/src/views/Map.vue b/src/views/Map.vue
index c9f1e66..a1a7d1c 100644
--- a/src/views/Map.vue
+++ b/src/views/Map.vue
@@ -10,7 +10,7 @@
         <v-layout v-else row wrap fill-height>
             <ReportCard></ReportCard>
             <v-flex xs12 fill-height v-if="latLng">
-                <Map :positionLatLng="latLng" :heading="heading" :accuracy="accuracy" :markers="reportsMarkers" :onPress="showReportDialog"></Map>
+                <Map :positionLatLng="latLng" :polyline="positionHistory" :heading="heading" :accuracy="accuracy" :markers="reportsMarkers" :onPress="showReportDialog"></Map>
                 <v-btn
                     absolute
                     dark
@@ -83,6 +83,7 @@ export default {
             isIntro: true,
             latLng: null,
             noSleep: null,
+            positionHistory: [],
             reportLat: null,
             reportLng: null,
             watchID: null,
@@ -138,6 +139,7 @@ export default {
                 }
             }
             this.latLng = [position.coords.latitude, position.coords.longitude];
+            this.positionHistory.push(this.latLng);
             this.heading = Object.prototype.hasOwnProperty.call(position.coords, 'heading') ? position.coords.heading : null;
             this.accuracy = position.coords.accuracy ? position.coords.accuracy : null;
         },