title: Google map does not appear
body: <p>I'm following the <a href="http://code.google.com/apis/maps/documentation/javascript/tutorial.html" rel="nofollow noreferrer">introductory tutorial</a> for Google Maps, but for some reason the map is not appearing on my webpage. The relevant HTML/CSS/JS is:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta name="layout" content="main"/&gt;
  
      &lt;script type="text/javascript"
          src="http://maps.googleapis.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);
        }
  
      &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body onload="initialize()"&gt;
    &lt;div id="map_canvas" style="width: 400px; height: 400px"&gt;&lt;/div&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>The map does not appear within the <code>map_canvas</code> div.</p>
  
  <h2>Update</h2>
  
  <p>I've changed the page so that it doesn't use JQuery to load the map. It now uses exactly the same JS as in the tutorial, but still the map does not appear.</p>