In the example below I am trying to update the map type depending on the value of the selected option type.

Unfortunately it doesn't seem to load the maptype into the google.maps.MapTypeId which is frustrating. I have tried it as a string as well as var gmapsMapType = google.maps.MapTypeId.++maptype; and I feel I am missing something here.

HTML

<select id="maptype" name="maptype">
    <option selected="selected" value="RoadMap">Road Map</option>
    <option value="Satellite">Satellite</option>
    <option value="Hybrid">Hybrid</option>
    <option value="Terrain">Terrain</option>
</select>

JQUERY

var maptype = $('#maptype>option:selected').val().toUpperCase();
var gmapsMapType = google.maps.MapTypeId.+maptype;
map.setMapTypeId(gmapsMapType);

Help is appreciated.