{% if not mapWidth %} {% set mapWidth = "100%" -%} {% endif %}
{% if not mapHeight %} {% set mapHeight = "600px" -%} {% endif %}
{% if not scaleControl %} {% set scaleControl = "true" -%} {% endif %}
{% if not miniMap %} {% set miniMap = "false" -%} {% endif %}
{% if not scrollWheelZoom %} {% set scrollWheelZoom = "true" -%} {% endif %}
{% if not zoomControl %} {% set zoomControl = "true" -%} {% endif %}
{% if not allowEdit %} {% set allowEdit = "false" -%} {% endif %}
{% if not moreControl %} {% set moreControl = "true" -%} {% endif %}
{% if not searchControl %} {% set searchControl = "true" -%} {% endif %}
{% if not tilelayersControl %} {% set tilelayersControl = "null" -%} {% endif %}
{% if not embedControl %} {% set embedControl = "null" -%} {% endif %}
{% if not datalayersControl %} {% set datalayersControl = "true" -%} {% endif %}
{% if not onLoadPanel %} {% set onLoadPanel = "none" -%} {% endif %}
{% if not captionBar %} {% set captionBar = "true" -%} {% endif %}

<div style="display: flex;" class="w-full">
    <iframe class="flex-auto rounded-lg " width="{{ mapWidth }}" height="{{ mapHeight }}" frameBorder="0" src="https://umap.openstreetmap.fr/en/map/{{ mapName }}?scaleControl={{ scaleControl }}&miniMap={{ miniMap }}&scrollWheelZoom={{ scrollWheelZoom }}&zoomControl={{ zoomControl }}&allowEdit={{ allowEdit }}&moreControl={{ moreControl }}&searchControl={{ searchControl }}&tilelayersControl={{ tilelayersControl }}&embedControl={{ embedControl }}&datalayersControl={{ datalayersControl }}&onLoadPanel={{ onLoadPanel }}&captionBar={{ captionBar }}{% if scale %}#{{ scale }}{% endif %}/{% if coordX %}{{ coordX }}{% endif %}/{% if coordY %}{{ coordY }}{% endif %}"></iframe>
</div>