title: Google maps, map doesn't show on html
body: <p>This is my code</p>
  
  <pre><code>&lt;fieldset&gt;
              &lt;script src="https://maps.googleapis.com/maps/api/js"&gt;&lt;/script&gt;
              &lt;script&gt;
                  function initialize() {
                      var map_canvas = document.getElementById('map_canvas');
                      var map_options = {
                          center: new google.maps.LatLng(44.5403, -78.5463),
                          zoom: 8,
                          mapTypeId: google.maps.MapTypeId.ROADMAP
                      }
                      var map = new google.maps.Map(map_canvas, map_options);
                  }
                  google.maps.event.addDomListener(window, 'load', initialize);
              &lt;/script&gt;
              &lt;div id="map_canvas"&gt;&lt;/div&gt;
              &lt;input type="submit" name="submit" class="submit action-button" value="Submit" /&gt;
          &lt;/fieldset&gt;
  </code></pre>
  
  <p>as stated in this official tutorial</p>
  
  <p><a href="https://developers.google.com/maps/tutorials/fundamentals/adding-a-google-map" rel="nofollow">https://developers.google.com/maps/tutorials/fundamentals/adding-a-google-map</a></p>
  
  <p>but nothing on the HTML appears. I mean I see nothing where is the map? 
  What am i missing please? I already added the load even</p>