OpenStreetMapTemplateRecap.html
1 <input type="hidden" id="${entry.idEntry}_map_provider" name="${entry.idEntry}_map_provider" value="${entry.mapProvider.key}"/>
2 <div class="form-row" id="${entry.idEntry}_waiting" style="display:none;">
3 <p>#i18n{module.genericattributes.openstreetmap.loading}</p>
4 </div>
5 <div class="form-row">
6 <div class="col">${addressOpenStreetMap!}</div>
7 </div>
8 <div class="form-row">
9 <#if lat?? && lon??>
10 <div id="${entry.idEntry}_gmap" class="col col-osm osm-map"></div>
11 </div>
12 <link rel="stylesheet" href="js/plugins/genericattributes/modules/openstreetmap/lib/leaflet/leaflet.css" />
13 <link rel="stylesheet" href="js/plugins/genericattributes/modules/openstreetmap/css/openstreetmap.css" />
14 <script type="text/javascript" src="js/plugins/genericattributes/modules/openstreetmap/lib/leaflet/leaflet.js"></script>
15 <script type="text/javascript">
16 $( function( ) {
17 var map;
18 var lat = '${lat!}';
19 var lon = '${lon!}';
20
21 var marker = null;
22 map = L.map('${entry.idEntry}_gmap').setView([lat, lon], 10);
23 L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
24 attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
25 }).addTo(map);
26 $( '#${entry.idEntry}_address' ).keypress( function(event) {
27 if (event.keyCode == '13') { // Enter button
28 event.preventDefault( );
29 $('#${entry.idEntry}_gmap_button').click();
30 }
31 });
32
33 if (marker != null)
34 map.removeLayer(marker);
35 lat = lat;
36 lon = lon;
37 var location = new L.LatLng(lat, lon);
38 marker = L.marker(location).addTo(map);
39 map.panTo(location);
40 map.setZoom(15);
41 });
42
43 </script>
44 <noscript>#i18n{module.genericattributes.openstreetmap.javascript.disabled}</noscript>
45 </#if>