以编程方式旋转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