 </div>
    {% endif %}

    <h2>Links</h2>
    <ul>
      {% for link in response.links %}
      <li><a href="{{ link.href }}">{{ link.title or link.rel }}</a></li>
      {% endfor %}
    </ul>
  </div>
  <div class="col-sm">
    <div id="map" class="rounded" style="width: 100%; height: 400px">
      Loading...
    </div>
  </div>
</div>

<script>
  $(function() {
    var collection = {{ response|tojson }};
    if (collection.extent && collection.extent.spatial){
      var bbox = collection.extent.spatial.