title: Need help getting started using the Google Maps API v3 in Javascript from Actionscript 3
body: <p>Could someone please point me to a tutorial that explains how to use Google Maps API v3 in Javascript from Actionscript 3? I'm trying to teach myself, but having no luck so far.  The following test program displays simple HTML but not a Google Map.</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;!-- aircomponents/src/HTMLSimple.mxml --&gt;
  &lt;s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
                     xmlns:s="library://ns.adobe.com/flex/spark" 
                     xmlns:mx="library://ns.adobe.com/flex/mx"&gt;
  &lt;s:layout&gt;
      &lt;s:VerticalLayout/&gt;
  &lt;/s:layout&gt;
  
  &lt;mx:ControlBar width="100%"&gt; 
      &lt;s:Button label="&amp;lt; Back" 
                click="content.historyBack();"/&gt; 
      &lt;s:Button label="Forward &amp;gt;" 
                click="content.historyForward();"/&gt; 
      &lt;s:TextInput id="address" 
                   text="{content.location}" width="100%"/&gt; 
      &lt;s:Button label="Go!" 
                click="content.location = address.text"/&gt; 
  &lt;/mx:ControlBar&gt; 
  &lt;s:Group width="100%" height="100%"&gt; 
      &lt;mx:HTML id="content" location="file:///C:/googlemaps.html"/&gt; 
  &lt;/s:Group&gt;  
  &lt;/s:WindowedApplication&gt;
  </code></pre>
  
  <p>The file C:/googlemaps.html works from Firefox and contains:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta name="viewport" content="initial-scale=1.0, user-scalable=no" /&gt;
  &lt;style type="text/css"&gt;
    html { height: 100% }
    body { height: 100%; margin: 0; padding: 0 }
    #map_canvas { height: 100% }
  &lt;/style&gt;
  &lt;script type="text/javascript"
    src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDfNNCCL7xmvk-gTYmvS_Cy5PZcf5L3j_I&amp;sensor=false"&gt;
  &lt;/script&gt;
  &lt;script type="text/javascript"&gt;
    function initialize() {
      var myOptions = {
        center: new google.maps.LatLng(41., -96),
        zoom: 8,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      };
      var map = new google.maps.Map(document.getElementById("map_canvas"),
          myOptions);
    }
    &lt;/script&gt;
  &lt;/head&gt;
  &lt;body onload="initialize()"&gt;
    &lt;div id="map_canvas" style="width:100%; height:100%"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>