{% load l10n %}
{{ cell.media }}
{% localize off %}
<div class="cell map">
<div class="combo-cell-map" data-init-state="{{ initial_state }}"
        data-init-zoom="{{ initial_zoom }}" data-min-zoom="{{ min_zoom }}"
        data-max-zoom="{{ max_zoom }}" data-init-lat="{{ init_lat }}"
        data-draggable="false"
        data-init-lng="{{ init_lng }}"
        data-tile-urltemplate="{{ tile_urltemplate}}" data-map-attribution="{{ map_attribution}}"
        {% if group_markers %}data-group-markers="1"{% endif %}
        {% if max_bounds.corner1.lat %}
        data-max-bounds-lat1="{{ max_bounds.corner1.lat }}"
        data-max-bounds-lng1="{{ max_bounds.corner1.lng }}"
        data-max-bounds-lat2="{{ max_bounds.corner2.lat }}"
        data-max-bounds-lng2="{{ max_bounds.corner2.lng }}"
        {% endif %}
        data-cell-id="0"
      >
</div>
</div>

<script>
  var tiles_0 = [];
  {% for layer in tiles_layers %}
    tiles_0.push({
      tile_urltemplate: {{ layer.tile_urltemplate|as_json|safe }},
      map_attribution: {{ layer.map_attribution|as_json|safe }},
      opacity: {{ layer.opacity|as_json|safe }}
    });
  {% endfor %}
  var geojson_0 = [];
</script>

{% endlocalize %}
