title: Google Map not showing
body: <p>Im trying to place a google map on my website but its not working. Here is the code that I have. Can anyone tell me what Im doing wrong. Thanks</p>
  
  <pre><code>&lt;head&gt;
  &lt;title&gt;Environment Impact&lt;/title&gt;
  &lt;link rel="stylesheet" href="style.css" type="text/css"&gt;
  &lt;script&gt;src="http://maps.googleapis.com/maps/api/js?key=MY_API_KEY=TRUE"&gt;&lt;/script&gt;
  
  
   &lt;script type="text/javascript"&gt;
    function initialize() {
            var california = new google.maps.LatLng(-122.23354, 37.48787);
            var myOptions = {
              center: california,
              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:800px; height:600px; border:1px solid #000;"&gt;&lt;/div&gt;
   &lt;/body&gt;
  </code></pre>