haldis/app/templates/maps.html

{% extends "layout.html" %}
{% set active_page = "map" -%}

{% import "utils.html" as util %}

{% block container %}
<div id="mapid" class="large-map"></div>
{% endblock %}

{% block styles %}
{{ super() }}

<link rel="stylesheet" href="{{ url_for('static', filename='css/leaflet.css') }}">
<link rel="stylesheet" href="{{url_for('static', filename='css/map.css')}}">

{% endblock %}

{% block scripts %}
{{super()}}
<script src="{{ url_for('static', filename='js/leaflet.js')}}"></script>
<script src="{{ url_for('static', filename='js/map.js' ) }}"></script>
<script>
 let locations = [];
 let loc = {};

{% for loc in locations -%}
    {% if loc.address %}
    loc = {
        "address": "{{loc.address}}",
        "name": "{{loc.name}}",
        "url": "{{ url_for('general_bp.location', id=loc.id) }}"
    };
    locations.push(loc);

    {% endif %}
{%- endfor %}

map.setView([51.0231119, 3.7102741], 14);

 loadmap(locations);
</script>
{% endblock %}