maybe a compromise

VueApp/src/components/GoogleMap.vue

@@ -19,11 +19,6 @@
       mapTypeId="terrain"
       style="width: 100%;  height: 500px;"
     >
-      <gmap-marker
-        v-for="marker in markers"
-        :position="marker.position"
-        @click="removeMarker"
-      ></gmap-marker>
     </gmap-map>
   </div>
 </template>
@@ -69,10 +64,10 @@
       getRoute: function (a, b) {
         if (this.directionsDisplay) this.directionsDisplay.setMap(null)
         this.directionsService = new google.maps.DirectionsService() // eslint-disable-line no-undef
-        this.directionsDisplay = new google.maps.DirectionsRenderer() // eslint-disable-line no-undef
+        this.directionsDisplay = new google.maps.DirectionsRenderer({ draggable: true }) // eslint-disable-line no-undef
         this.directionsDisplay.setOptions({
           markerOptions: {
-            visible: false
+            visible: true
           }
         })
         this.directionsDisplay.setMap(this.$refs.gMap.$mapObject)