title: Use JS Object to init Google Maps MapTypes
body: <p>Got an JS object like this:</p>
  
  <p>console.log(States)</p>
  
  <pre><code>Object {0: "SATELLITE", 1: "HYBRID"}
  </code></pre>
  
  <p>Now i need to push those two maptypes into options for google maps:</p>
  
  <pre><code>        var opt = {
            zoom: 15,     
            center: latlng,
            mapTypeControlOptions: {
              mapTypeIds: [google.maps.MapTypeId[States], 'custom_style']
            }          
          };
  </code></pre>
  
  <p>This OFC this is not working. As you see i have a custom styled map also. </p>
  
  <p>So i could do:</p>
  
  <pre><code>mapTypeIds: [google.maps.MapTypeId.SATELLITE, google.maps.MapTypeId.HYBRID, 'custom_style']
  </code></pre>
  
  <p>but it needs to be dynamic. The datastructure of "States" cannot be changed.</p>