title: Move zoom bar to the right with Google Maps API v3
body: <p>I'm looking to move the zoom controls in the Google Maps Javascript API from the left to the right. If we leave the default setup we have this:
  <img src="https://i.stack.imgur.com/mGyj8.png" alt="default google api"></p>
  
  <p>If I move it over like so:</p>
  
  <pre><code>panControl: true,
    panControlOptions: {
    position: google.maps.ControlPosition.TOP_RIGHT
  },
  zoomControl: true,
  zoomControlOptions: {
    style: google.maps.ZoomControlStyle.LARGE,
    position: google.maps.ControlPosition.RIGHT_TOP
  }
  </code></pre>
  
  <p>Then we get this:</p>
  
  <p><img src="https://i.stack.imgur.com/LK2e4.png" alt="right api"></p>
  
  <p>I've also noticed that if you set it to the left (not default), you get:</p>
  
  <p><img src="https://i.stack.imgur.com/uWQlG.png" alt="left"></p>
  
  <p>Ideally I would like it on the right and centered to the pan controls just like the default settings but on the other side. Is there anyway of doing this?</p>