title: Google Maps v3 api for localhost not working
body: <p>I wanted to try out a sample demo of implementing Gmaps v3 and tried out this example from Google's documentation, but there is no output , the page just loads for a few seconds and then blank, no output.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang = "en"&gt;
  &lt;head&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;title&gt;GMaps Demo&lt;/title&gt;
      &lt;script src = "https://maps.googleapis.com/maps/api/js?
                     key=${API_KEY}&amp;sensor=false"&gt;
      &lt;/script&gt;
      &lt;script&gt;
          function initialize(){
              var mapOptions = {
                  center: new google.maps.LatLng(-34.397, 150.644),
                  zoom: 8,
                  mapTypeId: google.maps.MapTypeId.ROADMAP
              };
              var map = google.maps.Map(
                        document.getElementById("map-canvas"),
                        mapOptions);
          }
  
          google.maps.event.addDomListener(window, 'load', initialize);
          &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id = "map-canvas"&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>