title: Google maps API Basic Example
body: <p>I've been unable to get the basic Google maps example working on my site.  I have the following div on my page:</p>
  
  <pre><code>&lt;div id="map_canvas" style="width:100%; height:100%"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>And the following in the head of my document:</p>
  
  <pre><code>&lt;script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      function initialize() {
          var latlng = new google.maps.LatLng(-34.397, 150.644);
          var myOptions = {
              zoom: 8,
              center: latlng,
              mapTypeId: google.maps.MapTypeId.ROADMAP
          };
          var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
      }
      jQuery(document).ready(initialize);
  &lt;/script&gt;
  </code></pre>
  
  <p>It appears that the elements are getting loaded into my DOM, but there is no visible map on the page.</p>