以编程方式旋转谷歌地图卫星视图

Spin Google Maps Satellite View Programatically

本文关键字：视图 谷歌地图 旋转 编程 方式      更新时间：2023-09-26

我有一个项目，我需要在卫星视图中加载谷歌地图，并通过平稳地旋转地球来模仿谷歌地球的打开。

我今天已经在 v3 文档中呆了一段时间，但没有看到任何旋转地球的方法。

任何人都可以将我与通过 v3 API 旋转地球的文档（或示例）联系起来吗？

正如你提到的，谷歌地图没有这个功能。但是您可以通过更改 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

相关文章：