{%- set map_types = field_props.options|length ? field_props.options : [ 'roadmap', 'satellite', 'hybrid', 'terrain' ] -%}
{%- set place = field_value.place|default('') -%}
{%- set address = field_value.address|default('') -%}
{%- set latitude = field_value.latitude|default(33.7238029) -%}
{%- set longitude = field_value.longitude|default(-117.267504) -%}
{% if show_input %}
	{%- set view = 'map' -%}
	{%- set autoComplete = ' data-autocomplete="true"' -%}
	{%- set map_type = field_value.map_type -%}
	{%- set zoom = field_value.zoom|default(field_props.map_zoom) -%}
	<input type="text" class="inputbox autowidth search-location" id="search-{{ field_name }}" size="55" />

	<input type="hidden" id="{{ field_name }}-place" name="{{ field_name }}[place]" value="{{ place }}" />
	<input type="hidden" id="{{ field_name }}-address" name="{{ field_name }}[address]" value="{{ address }}" />
	<input type="hidden" id="{{ field_name }}-zoom" name="{{ field_name }}[zoom]" value="{{ zoom }}" />
	<input type="hidden" id="{{ field_name }}-latitude" name="{{ field_name }}[latitude]" value="{{ latitude }}" />
	<input type="hidden" id="{{ field_name }}-longitude" name="{{ field_name }}[longitude]" value="{{ longitude }}" />
	<input type="hidden" id="{{ field_name }}-map-type" name="{{ field_name }}[map_type]" value="{{ map_type }}" />
{% else %}
	{%- set view = 'loc' -%}
	{%- set map_type = field_value.map_type in map_types ? field_value.map_type : map_types[0] -%}
	{%- set zoom = field_props.map_zoom ? field_props.map_zoom : field_value.zoom|default(15) -%}
{% endif %}
<div class="location-map" id="{{ view ~ '-' ~ field_name }}" data-map-type="{{ map_type }}" data-place="{{ place }}" data-address="{{ address }}" data-latitude="{{ latitude }}" data-longitude="{{ longitude }}" data-zoom="{{ zoom }}" data-width="{{ field_props.map_width }}" data-height="{{ field_props.map_height }}" data-map-types="{{ map_types|join(',') }}"{{ autoComplete }}></div>