Javascript RotateControl未显示在Google地图中

以下是相关代码：

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

我也试过混合的mapTypeId。我尝试禁用/启用rotateControl、panControl、rotateControlOptions等。该地图显示有panControl但没有rotate control。如果相关，以下是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>

此处包含内联样式，只是为了简短地提出问题。

尝试缩放：20。

---

您需要缩放以近距离查看您的位置。然后您将看到旋转控制

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

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