RotateControl不显示在谷歌地图API javascript

RotateControl is not showing in Google Maps API javascript

本文关键字：API javascript 谷歌地图 显示 RotateControl      更新时间：2023-09-26

当前代码:

var mapOpt = {
center: new google.maps.LatLng(-3.10056,-59.9431),
zoom: 12,
mapTypeId: google.maps.MapTypeId.SATELLITE,
rotateControl: true
};
mapGoogle = new google.maps.Map(document.getElementById("gmap"),mapOpt);
<div id="gmap" style="width: 100%;height: 100%"></div>

我试着设置panControl，也倾斜了，什么也没发生

根据文档:

  • rotateControl启用/禁用用于控制45°图像方向的Rotate控件的外观。默认情况下，控件的存在取决于给定地图类型在当前缩放和位置上是否存在45°图像。你可以通过设置map的rotatecontrolooptions来指定要使用的rotatecontrolooptions来改变控件的行为。如果当前没有45°图像可用，则无法使控件出现。

旋转控制只在图像可用和地图放大到足够近时可用。

您的地图所在位置不可用。它在纽约市可在缩放级别18小提琴

代码片段: 

function initMap() {
  var mapOpt = {
    center: new google.maps.LatLng(40.7127837, -74.0059413 /* -3.10056,-59.9431 */ ),
    zoom: 18,
    mapTypeId: google.maps.MapTypeId.SATELLITE
  };
  mapGoogle = new google.maps.Map(document.getElementById("gmap"), mapOpt);
}
google.maps.event.addDomListener(window, 'load', initMap);
html,
body,
#gmap {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px
}
<script src="https://maps.googleapis.com/maps/api/js"></script>
<div id="gmap" style="width: 100%;height: 100%"></div>

相关文章：