title: Google Map API v3 is not appearing
body: <p>I can't get my Google map to appear in any browser. I even tried copying mostly the sample code below from Google's example and build off of that, but I can't even get that to appear. Any ideas what could be wrong below? NOTE: I actually DO put my API key where I have "I PUT MY KEY IN HERE". :)</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;script type="text/javascript" src="//maps.googleapis.com/maps/api/js?key=I PUT MY KEY IN HERE&amp;sensor=false"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      function initialize() {
    var map = new google.maps.Map(
      document.getElementById('map-canvas'), {
        center: new google.maps.LatLng(37.4419, -122.1419),
        zoom: 13,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    });
  
    var marker = new google.maps.Marker({
          position: new google.maps.LatLng(37.4419, -122.1419),
          map: map
    });
  
  }
  google.maps.event.addDomListener(window, 'load', initialize);
  &lt;/script&gt;
  &lt;style&gt;
  #map-canvas { height: 100%} 
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="bb_map"&gt; 
  &lt;p&gt;Visit a Diner Near You&lt;/p&gt; 
      &lt;div id="map-canvas"&gt;&lt;/div&gt; 
  &lt;/div&gt; 
  &lt;/div&gt;     
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>