diff -r 4ce98983666a -r 829abfdd6d27 src/pyams_gis/zmi/widget/templates/geoarea-input.pt
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src/pyams_gis/zmi/widget/templates/geoarea-input.pt	Wed Jul 11 11:40:09 2018 +0200
@@ -0,0 +1,85 @@
+<div class="object-widget" tal:attributes="class view/klass" i18n:domain="pyams_gis">
+	<fieldset
+		tal:define="name python:view.name.replace('.','_')"
+		data-ams-plugins="pyams_gis"
+		tal:attributes="class view/fieldset_class | default;
+						data-ams-plugin-pyams_gis-src tales:resource_path('pyams_gis:pyams_gis')"
+		data-ams-plugin-pyams_gis-async="false">
+		<div class="col-md-6 pull-right">
+			<div class="btn btn-default bg-color-silverLight"
+				 tal:attributes="href string:#modal_dialog_${name}" data-toggle="modal">
+				<i class="fa fa-fw fa-lg fa-map-marker hint opaque align-base"
+				   data-ams-hint-gravity="se" data-ams-hint-offset="10"
+				   title="Select area from map" i18n:attributes="title"></i>
+			</div>
+			<div class="btn btn-default bg-color-silverLight"
+				data-ams-click-handler="PyAMS_GIS.area.clear">
+				<i class="fa fa-fw fa-lg fa-trash hint opaque align-base"
+				   data-ams-hint-gravity="se" data-ams-hint-offset="10"
+				   title="Remove area settings" i18n:attributes="title"></i>
+			</div>
+			<div id="modal_dialog" class="modal fade"
+				 tal:attributes="id string:modal_dialog_${name}"
+				 data-ams-events-handlers='{"show.bs.modal": "PyAMS_GIS.area.init"}'>
+				<div class="modal-dialog modal-max">
+					<div class="modal-content">
+						<div class="modal-header">
+							<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
+								<i class="fa fa-fw fa-times-circle"></i>
+							</button>
+							<h3 class="modal-title">
+								<span class="title" i18n:translate="">Select map area</span>
+							</h3>
+						</div>
+						<div class="ams-form">
+							<div class="modal-body">
+								<div class="map-header"
+									 tal:define="header provider:pyams_gis.map.header"
+									 tal:condition="header"
+									 tal:content="structure header"></div>
+								<div class="map map-area" id="map_area" style="width: 100%; height: 600px;"
+									 data-map-leaflet-fieldname="fieldname"
+									 tal:attributes="id string:map_area_${name};
+													 data-map-leaflet-fieldname view/name;"></div>
+							</div>
+							<footer>
+								<button type="button" class="btn btn-primary close-widget" data-dismiss="modal">OK</button>
+							</footer>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="clearfix-xs clearfix-sm"></div>
+		<tal:loop repeat="widget view/subform/widgets/values">
+			<input type="hidden"
+				   tal:condition="python:widget.mode == 'hidden'"
+				   tal:replace="structure widget/render" />
+			<tal:if condition="python:widget.mode != 'hidden'">
+				<div tal:define="required python:'required-field' if widget.required and (widget.mode != 'display') else ''"
+					 tal:attributes="class string:form-group ${required}">
+					<label class="control-label col-md-3"
+						   tal:attributes="class widget/label_css_class | group/label_css_class | view/label_css_class | default">
+						<span>
+							<tal:var content="python:request.localizer.translate(widget.label)" />
+							<i class="fa fa-question-circle hint" title="Input hint"
+							   tal:define="description python:getattr(widget, 'description', widget.field.description)"
+							   tal:condition="description"
+							   tal:attributes="title description;
+											   data-ams-hint-html python:'<' in description;"></i>
+						</span>
+					</label>
+					<div class="col-md-9"
+						 tal:attributes="class widget/input_css_class | group/input_css_class | view/input_css_class | default">
+						<label class="input"
+							   tal:attributes="class widget/widget_css_class | default;">
+							<input tal:replace="structure widget/render" />
+						</label>
+					</div>
+				</div>
+			</tal:if>
+		</tal:loop>
+		<input name="field-empty-marker" type="hidden" value="1"
+			   tal:attributes="name string:${view/name}-empty-marker" />
+	</fieldset>
+</div>