Question

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

我今天参加v3文档已有一段时间没有看到任何旋转全球的方法。

任何人都可以通过v3 API与我联系使用旋转全球的文档（或示例）吗？

Answer 1

如您所述，谷歌地图没有此功能。但您可以通过更改css属性transform: rotate([angle]deg);

来实现

＆＃13;

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

＆＃13;

#wrapper{
  width: 300px;
  height: 300px;
  position: relative;
  overflow: hidden;
}

#map{
  position: absolute;
  left: -100px;
  top: -100px;
  right: -100px;
  bottom: -100px;
}

＆＃13;

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

＆＃13;

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

以编程方式旋转Google Maps Satellite View

1 个答案: