{% extends 'base.html' %}

{% block container %}
  <div id="map"></div>
  <script>
    var map;
    function initMap() {
      var bounds = new google.maps.LatLngBounds();
      var centroid = new google.maps.LatLng({{centroid[0]}}, {{centroid[1]}});
      map = new google.maps.Map(document.getElementById('map'), {
        center: centroid,
        zoom: 15
      });

     /*
      var centerpoint = new google.maps.Marker({
        position: centroid,
        map: map,
        label:'Centroid',
        titl