title: RotateControl not getting displayed in Google Maps
body: <p>Here is the relevant code:</p>
  
  <pre><code>  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);
  </code></pre>
  
  <p>I tried mapTypeId of HYBRID too. I tried disabling/enabling rotateControl, panControl, rotateControlOptions, etc. The Map shows with pancontrol but without rotate control. If relevant, here is the div markup:</p>
  
  <pre><code> &lt;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;"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Included the styles inline here just for brevity in presenting the question.</p>