{if $field.value}
{* The form element causes HTML errors, but it is used by Javascript to locate the map. So cannot be removed right now *}
    <form method="get" action="">
        {if $context.list_mode eq 'y'}
            <div class="map-container" style="width: {if !empty($field.options_array[1])}{$field.options_array[1]}{else}200{/if}px; height: {if !empty($field.options_array[2])}{$field.options_array[2]}{else}200{/if}px;" data-target-field="location"
                 data-map-controls="{if empty ($field.options_map.map_options_view_list)}controls,search_location,current_location,navigation,layers{else}{$field.options_map.map_options_view_list}{/if}"{$context.icon_data}></div>
        {else}
            <div class="map-container" style="width: {if !empty($field.options_array[3])}{$field.options_array[3]}{else}500{/if}px; height: {if !empty($field.options_array[4])}{$field.options_array[4]}{else}400{/if}px;" data-target-field="location"
                 data-map-controls="{if empty ($field.options_map.map_options_view_item)}controls,search_location,current_location,navigation,layers{else}{$field.options_map.map_options_view_item}{/if}"{$context.icon_data}></div>
        {/if}
        <input type="hidden" name="location" value="{$field.value|escape}" disabled="disabled">
    </form>
{/if}