以編程方式旋轉Google地圖衛星

Question

我有一個項目，我需要在衛星視圖中加載Google Map，並通過平滑地旋轉地球模擬Google地球的開啓。

我今天在v3文檔中一段時間​​沒有看到任何旋轉地球的方法。

任何人都可以連接我通過v3 API旋轉地球的文檔（或示例）嗎？

Answer 1

正如您所說，谷歌地圖不具備此功能。但是你可以通過改變CSS屬性transform: rotate([angle]deg);

var mapOptions={ 
 
    zoom: 8, 
 
    center: new google.maps.LatLng(52, 1), 
 
    mapTypeId: google.maps.MapTypeId.SATELLITE 
 
}; 
 
var map=new google.maps.Map(document.getElementById('map'),mapOptions); 
 

 
var angle=0; 
 
setInterval(function(){ 
 
    document.getElementById('map').style.transform='rotate('+angle+'deg)'; 
 
    angle++; 
 
    if(angle==360){ 
 
    angle=0; 
 
    } 
 
},50);

#wrapper{ 
 
    width: 300px; 
 
    height: 300px; 
 
    position: relative; 
 
    overflow: hidden; 
 
} 
 

 
#map{ 
 
    position: absolute; 
 
    left: -100px; 
 
    top: -100px; 
 
    right: -100px; 
 
    bottom: -100px; 
 
}

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=places"></script> 
 
<div id="wrapper"> 
 
    <div id="map"></div> 
 
</div>

https://developers.google.com/maps/documentation/javascript/maptypes#BasicMapTypes