title: Customize default mapType button in Google API
body: <p>I am trying to customize the default mapType button in Google API. What I am trying to do is trying to increase the height for the box of mapType and here is the code:</p>
  
  <pre><code>function initLeftMap(initialMapTypeId, planClicked) {
  var initialMap_url;
  var initialMap_name;
  var initialMap_svc = new gmaps.ags.MapService(initialMap_url);
  google.maps.event.addListenerOnce(initialMap_svc, 'load', function () {
      try {
          if (initialMapTypeId == "onemap") {
              initialMap_svc.spatialReference.wkid = 3414;  // impt! or else
              // overlays
              // can't show on
              // onemap
  
          }
  
          var initialMap_tileLayer = new gmaps.ags.TileLayer(initialMap_svc);
          var initialMap_agsType = new gmaps.ags.MapType([initialMap_tileLayer], {
              name: initialMap_name
          });
          var myOptions = {
              zoom: 12,
              maxZoom: 18,
              minZoom: 11,
              backgroundColor: '#fff',
              center: new google.maps.LatLng(1.347074, 103.81382),
              mapTypeId: initialMapTypeId, // google.maps.MapTypeId.ROADMAP
              mapTypeControlOptions: {
                  mapTypeIds: [initialMapTypeId,
                                  google.maps.MapTypeId.ROADMAP,
                                  google.maps.MapTypeId.SATELLITE,
                                  google.maps.MapTypeId.HYBRID],
                  style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
              },
              streetViewControl: true,
              scaleControl: true
          };
          map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  
          map.mapTypes.set(initialMapTypeId, initialMap_agsType);
  
                      google.maps.event.addListener(map, 'maptypeid_changed', function (e) {
              toggleBaseMapLegend();
          });
  
          initRightMap(initialMapTypeId, initialMap_agsType, planClicked);
          //load the last viewed extent
          loadLastState();
  
          // init after map is created
          initBuffer(map);
      } catch (e) {
          alert(e);
  
      }
  });
  }
  </code></pre>
  
  <p>I wonder is there any way to style it by using css under the style tag? Or is there any better way to customize it by increasing the height of the box only? </p>
  
  <p>Thanks in advance.</p>