UI: allow copy&pasting lat,lon into the lat search field

This commit is contained in:
marc tobias
2017-10-21 14:28:28 +02:00
parent 3cee2d185d
commit 2361ca2c71
2 changed files with 16 additions and 11 deletions

View File

@@ -15,7 +15,7 @@
<input name="format" type="hidden" value="html"> <input name="format" type="hidden" value="html">
lat lat
<input name="lat" type="text" class="form-control input-sm" placeholder="latitude" value="<?php echo $fLat; ?>" > <input name="lat" type="text" class="form-control input-sm" placeholder="latitude" value="<?php echo $fLat; ?>" >
<button class="btn btn-default btn-xs" id="switch-coords" title="switch lat and lon">&lt;&gt;</button> <a href="#" class="btn btn-default btn-xs" id="switch-coords" title="switch lat and lon">&lt;&gt;</a>
lon lon
<input name="lon" type="text" class="form-control input-sm" placeholder="longitude" value="<?php echo $fLon; ?>" > <input name="lon" type="text" class="form-control input-sm" placeholder="longitude" value="<?php echo $fLon; ?>" >
max zoom max zoom

View File

@@ -198,15 +198,18 @@ jQuery(document).on('ready', function(){
} }
} }
else { else {
if ( is_reverse_search ){ var result_coord = L.latLng(result.lat, result.lon);
// make sure the search coordinates are in the map view as well if ( result_coord ){
map.fitBounds([[result.lat,result.lon], [nominatim_map_init.lat,nominatim_map_init.lon]], {padding: [50,50], maxZoom: map.getZoom()}); if ( is_reverse_search ){
// make sure the search coordinates are in the map view as well
map.fitBounds([result_coord, [nominatim_map_init.lat,nominatim_map_init.lon]], {padding: [50,50], maxZoom: map.getZoom()});
// better, but causes a leaflet warning // better, but causes a leaflet warning
// map.panInsideBounds([[result.lat,result.lon], [nominatim_map_init.lat,nominatim_map_init.lon]], {animate: false}); // map.panInsideBounds([[result.lat,result.lon], [nominatim_map_init.lat,nominatim_map_init.lon]], {animate: false});
} }
else { else {
map.panTo([result.lat,result.lon], result.zoom || nominatim_map_init.zoom); map.panTo(result_coord, result.zoom || nominatim_map_init.zoom);
}
} }
} }
@@ -238,6 +241,8 @@ jQuery(document).on('ready', function(){
}); });
$('#switch-coords').on('click', function(e){ $('#switch-coords').on('click', function(e){
e.preventDefault();
e.stopPropagation();
var lat = $('form input[name=lat]').val(); var lat = $('form input[name=lat]').val();
var lon = $('form input[name=lon]').val(); var lon = $('form input[name=lon]').val();
$('form input[name=lat]').val(lon); $('form input[name=lat]').val(lon);
@@ -252,8 +257,8 @@ jQuery(document).on('ready', function(){
$('form input[name=lat]').on('change', function(){ $('form input[name=lat]').on('change', function(){
var coords = $(this).val().split(','); var coords = $(this).val().split(',');
if (coords.length == 2) { if (coords.length == 2) {
$(this).val(coords[0]); $(this).val(L.Util.trim(coords[0]));
$(this).siblings('input[name=lon]').val(coords[1]); $(this).siblings('input[name=lon]').val(L.Util.trim(coords[1]));
} }
}); });