激活 GmapMap Vue 组件上的流量层

Question

我的 Vue 站点中有一个 GmapMap 组件，并希望在地图上显示流量，并带有可以打开或关闭的流量层。 下面为我提供了激活的地形图层，但我看不到交通图层。

<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)
})
}