{% extends 'Layout/layout.html.twig' %}

{% block jsBundle %}
    {{ parent() }}
    <script async defer
            src="//maps.googleapis.com/maps/api/js?key={{ mapper.apiKey }}&callback=initMap"
    >
    </script>
    <script>
        function initMap()
        {
            let map = new google.maps.Map(document.getElementById('minimap'), {
                zoom: {{ page.coords.z }},
                center:           {lat: {{ page.coords.x }}, lng: {{ page.coords.y }}},
                mapTypeId:        'roadmap',
                disableDefaultUI: true,
                styles:           window.mapstyle
            });
        }
    </script>
{% endblock %}

{% block content %}
    {{ render_pagetemplate(page) }}
{% endblock %}