Is it possible to retain all props when re-rendering my map?

[EMILO9]

this.$refs.myMapRef.$mapPromise.then(async (m) => {
      const {DirectionsService, DirectionsRenderer} = await window.google.maps.importLibrary("routes");
      const {Map} = await window.google.maps.importLibrary("maps")
      const ds = new DirectionsService();
      const dr = new DirectionsRenderer();
      const map = new Map(m.getDiv());
      ds.route({
        origin: this.myCords,
        destination: {lng: 10.055368754078277, lat: 59.03895816300975},
        travelMode: 'WALKING'
      }).then((directionsResult) => {
        dr.setDirections(directionsResult)
        dr.setMap(map)
      })
    });

[EMILO9]

I think it works as it should now.

this.$refs.myMapRef.$mapPromise.then(async (mapObject) => {
      const {DirectionsService, DirectionsRenderer} = await window.google.maps.importLibrary("routes");
      const ds = new DirectionsService();
      const dr = new DirectionsRenderer({map: mapObject, suppressMarkers: true});
      ds.route({
        origin: this.myCords,
        destination: {lat: 59.05342382265786, lng: 10.030318594348024},
        travelMode: 'DRIVING'
      }).then((directionsResult) => dr.setDirections(directionsResult))
    });