用vue2-google-maps旋转谷歌地图

Question

我想把地图旋转90度。我该怎么办？我使用 vue2-google-maps 来创建地图。

<GmapMap
id="map"
:center="{lat:latitude, lng:longitude}"
map-type-id="satellite"
style="width: 100vw; height: 100vh"
:zoom= zoom
:tilt="rotate" // 45
:options="{
rotateControl: true,
minZoom:5,
maxZoom:20,
}"
/>

Answer 1

根据文档：

地图显示45°影像后，您可以定向影像 通过调用setHeading()Map 对象，传递一个以从北开始的度数表示的数字值。

因此，设置影像后45°可以指定影像(heading属性)的方向，下面是一个vue-google-maps示例

<template>
<div>
<GmapMap 
:center="center" 
:zoom="zoom" 
:mapTypeId="'satellite'"
:tilt="titl"
:heading="heading"
ref="map">
</GmapMap>
</div>
</template>
<script>
export default {
data() {
return {
zoom: 18,
center: { lat: 45.518, lng: -122.672 },
titl: 45,
heading: 90
};
},
methods: {}
};
</script>