Активация уровня трафика в компоненте GmapMap Vue

Question

У меня есть компонент GmapMap на моем сайте Vue, и я хотел бы отображать трафик на карте со слоем трафика, который можно включить или отключить. Следующее дает мне активированный слой terrain, но я не вижу слоя трафика.

<GmapMap ref="baseMap"  map-type-id="terrain" >
  ...
</GmapMap>

Вот как вы реализуете его обычным не Vue способом:

function initMap() {
  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 13,
    center: {lat: 34.04924594193164, lng: -118.24104309082031}
  });

  var trafficLayer = new google.maps.TrafficLayer();
  trafficLayer.setMap(map);
}

Answer 1

Благодаря @Antonio я заставил это работать. Теперь он постоянно отображает трафик, поэтому, если у кого-то есть способ переключить слой, пожалуйста, дайте мне знать.

mounted() {

    this.$refs.baseMap.$mapPromise.then(map => {

      const trafficLayer = new google.maps.TrafficLayer()
      trafficLayer.setMap(map)

    })
}