title: Google Maps Javascript positioning control maps
body: <p>How can I position zoomControl options and panControl positioning next to each other?
  Thanks in regards..</p>
  
  <pre><code>map = new google.maps.Map(mapDiv, {
          center: new google.maps.LatLng(39.300299, 34.471664),
          zoom: 6,
          disableDefaultUI: true,
          mapTypeControl: true,
          //mapTypeControlOptions: { style: google.maps.MapTypeControlStyle.DROPDOWN_MENU, position: google.maps.ControlPosition.RIGHT_TOP },
          mapTypeControlOptions: { style: google.maps.MapTypeControlStyle.DROPDOWN_MENU, position: google.maps.ControlPosition.LEFT_TOP },
          mapTypeId: google.maps.MapTypeId.TERRAIN,
          panControl: true,
          panControlOptions: { position: google.maps.ControlPosition.LEFT_TOP},
          zoomControl: true,
          zoomControlOptions: { style: google.maps.ZoomControlStyle.BIG, position: google.maps.ControlPosition.LEFT_TOP },
          scaleControl: true,
      });
  </code></pre>