Traffic Layer

[hdrodel]

What would be the best practice to display a traffic layer on the map?

[hdrodel]

I got something working but i don't know if that really is how it was supposed to be done

<template>
<GoogleMap
   api-key="<key>"
   :api="google"
   ref="mapRef"
    > 
    <!--adding markers here-->
</GoogleMap>
</template>
<script>
import { Loader } from "@googlemaps/js-api-loader";
export default {
  data() {
    return {
    google: null,
    loader: new Loader({apiKey: <key>, version: "weekly"})
};
  },

  async mounted() {
    this.google = await this.loader.importLibrary("maps");
    this.trafficLayer = new this.google.TrafficLayer();
    await nextTick();
    console.log(this.trafficLayer);
    this.trafficLayer.setMap(this.$refs.mapRef.map);
},

};
</script>

Any better way to do this?

[HusamElbashir]

As we don't have a Traffic Layer component your only option is to set things up manually like you did. You can use the libraries prop on GoogleMap which should simplify the loading of the script with the required library for you. Refer to the Advanced Usage section as well for ways to access the API after loading the script.