Public-Repositories/contao-leaflet-maps
1
0
Fork 0
forked from Snck3rs/contao-leaflet-maps
Code Pull Requests Activity

Close #34: Make marker draggable.

Browse Source
This commit is contained in:
David Molineus
2016-10-05 08:40:50 +02:00
parent 733f49ca24
commit 5b648427c1
1 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
module/templates/be_leaflet_geocode.html5
View File

@@ -10,15 +10,16 @@
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);
var element = $('<?php echo $this->field; ?>');
var geocoder = L.Control.geocoder({
collapsed: false,
placeholder: '<?php echo $GLOBALS['TL_LANG']['leaflet']['searchPosition']; ?>'
}).addTo(map);
geocoder.markGeocode = function(result) {
geocoder.on('markgeocode', function(event) {
var container = document.createElement('div');
var link = document.createElement('button');
var element = $('<?php echo $this->field; ?>');
var result = event.geocode;
link.set('style', 'margin-left: 10px;');
link.appendText('<?php echo $GLOBALS['TL_LANG']['leaflet']['applyPosition']; ?>');
@@ -41,16 +42,22 @@
this._geocodeMarker = new L.Marker(result.center)
.bindPopup(container, {
keepInView: true,
draggable: true,
autoPanPaddingTopLeft: [0, 70]
})
.addTo(map)
.openPopup();
return this;
};
this._geocodeMarker.on('dragend', function (event) {
element.set('value', event.target._latlng.lat + ',' + event.target._latlng.lng);
});
});
<?php if ($this->marker): ?>
geocoder._geocodeMarker = L.marker(<?php echo $this->marker; ?>).addTo(map);
geocoder._geocodeMarker = L.marker(<?php echo $this->marker; ?>, {draggable: true}).addTo(map);
geocoder._geocodeMarker.on('dragend', function (event) {
element.set('value', event.target._latlng.lat + ',' + event.target._latlng.lng);
});
map.setZoom(16);
map.panTo(<?php echo $this->marker; ?>);
<?php endif; ?>