title: Hide Google Maps controls on small screens (mobiles, etc...)
body: <p>How to hide Map Type option (Map, Satellite...) if the screen si smaller than certain amount of pixels? This is how my Google Maps API V3 code looks like:</p>
  
  <pre><code>var mapOptions = {
            center: new google.maps.LatLng(initLat, initLong),
            zoom: level,
            scaleControl: true,
            mapTypeControl: true,
            mapTypeControlOptions: {
                style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
                position: google.maps.ControlPosition.RIGHT_TOP
            },
            zoomControl: true,
            zoomControlOptions: {
                position: google.maps.ControlPosition.LEFT_TOP
            },
            mapTypeId: google.maps.MapTypeId.ROADMAP
          }
  </code></pre>
  
  <p>As you can see <code>mapTypeControl</code> is set to <code>true</code> now, and I need it to be set to false if screen width is smaller than lets say <code>340px;</code>. Also there is <code>mapTypeControlOptions</code> which should be hidden or something if the screen is smaller.</p>