title: Google maps not being displayed in django template
body: <p>I am trying to display a google map for a django site. I have a template, roughly,</p>
  
  <pre><code>{% extends "base.html" %}
  {% load staticfiles %}
  
  {% block content %}
  ...
  &lt;div class="col-md-6"&gt;
     &lt;div id="map_canvas" style="width:100%;height:400px;background-color:#CCC;"&gt;&lt;/div&gt;
  &lt;/div&gt;
  ...
  &lt;script src="https://maps.googleapis.com/maps/api/js"&gt;&lt;/script&gt;
  &lt;script&gt;
    function initialize() {
      var mapCanvas = document.getElementById('map_canvas');
      var mapOptions = {
        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);
    }
  &lt;/script&gt;
  
  
  {% endblock%}
  </code></pre>
  
  <p>When I reload the webpage, I can see that a request is being made for Google's map url's , but I see no map, just a plain gray background. </p>