[% IF map.clickable %]
    [% map.img_type = 'input type="image"' %]
[% ELSE %]
    [% map.img_type = 'img' %]
[% END %]

<input type="hidden" name="zoom" value="[% map.zoom %]">
<div id="js-map-data"
    data-area="[% map.area.join(',') %]"
    data-all_pins='[% all_pins %]'
    data-latitude=[% map.latitude %]
    data-longitude=[% map.longitude %]
[% IF map.any_zoom -%]
    data-zoomToBounds=1
[%- END %]
[% IF map.zoom -%]
    data-zoom=[% map.zoom %]
[%- END %]
    data-pin_prefix='[% c.config.ADMIN_BASE_URL IF admin %][% c.cobrand.path_to_pin_icons %]',
    data-numZoomLevels=[% map.numZoomLevels %]
    data-zoomOffset=[% map.zoomOffset %]
    data-map_type="[% map.map_type %]"
[% IF include_key -%]
    data-key='[% c.config.BING_MAPS_API_KEY %]'
[%- END %]
>
</div>
<div id="map_box" aria-hidden="true">
    [% pre_map %]
    <div id="map">
      [% INCLUDE 'maps/noscript_map.html' js = 1 %]
    </div>
    [% IF map.copyright %]
    <div class="olControlAttribution" style="position: absolute;">[% map.copyright %]</div>
    [% END %]
    <div id="loading-indicator" class="hidden" aria-hidden="true">
        <img src="/i/loading.svg" alt="Loading..." />
    </div>