javascript - RotateControl 未显示在 Google map 中

Question

相关代码如下:

  var map;
  var chicago = new google.maps.LatLng(41.850033,-87.6500523);
  var mapDiv = document.getElementById('map-canvas');
  var mapOptions = {
        zoom: 12,
        mapTypeId: google.maps.MapTypeId.SATELLITE,
        panControl: true,
        rotateControl: true,
        rotateControlOptions: {
              position: google.maps.ControlPosition.RIGHT_CENTER
        },  
        center: chicago
  }
  map = new google.maps.Map(mapDiv, mapOptions);

我也试过 HYBRID 的 mapTypeId。我尝试禁用/启用 rotateControl、panControl、rotateControlOptions 等。 map 显示带有 pancontrol 但没有旋转控件。如果相关，这里是 div 标记:

 <div id="map-canvas" style="position:absolute;top:50px;left:100px;width:800px;height:500px;
   border:red 2px solid;-webkit-border-radius: 10px;-moz-border-radius:10px;
   border-radius: 10px;"></div>

为了简洁地提出问题，在此处包含内联样式。

Answer 1

如果缩放没有帮助，那么如果特定位置没有 45° 图像，则启用 rotateControl 也不会。

rotateControl 启用/禁用用于控制 45° 图像方向的旋转控件的外观。默认情况下，控件的外观由给定 map 类型在当前缩放和位置处是否存在 45° 图像决定。您可以通过设置 map 的 rotateControlOptions 来指定要使用的 RotateControlOptions 来更改控件的行为(如果当前没有可用的 45° 图像，则无法显示控件)。