osm-search/Nominatim
1
1
Fork 0
mirror of https://github.com/osm-search/Nominatim.git synced 2024-12-24 05:22:15 +03:00
Code Issues Packages Projects Releases Wiki Activity

UI: keep map position when switch to reverse. Easy switching of lat,lon to lon,lat

Browse Source
This commit is contained in:
marc tobias 2016-10-30 17:45:45 +01:00
parent a61f852cd2
commit 8312e8f539
4 changed files with 25 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
lib/template/address-html.php
View File

@ -14,6 +14,7 @@
<div class="form-group">
<input name="format" type="hidden" value="html">
<input name="lat" type="text" class="form-control input-sm" placeholder="latitude" value="<?php echo htmlspecialchars($_GET['lat']); ?>" >
<span id="switch-coords">&lt;&gt;</span>
<input name="lon" type="text" class="form-control input-sm" placeholder="longitude" value="<?php echo htmlspecialchars($_GET['lon']); ?>" >
max zoom

2
lib/template/search-html.php
View File

@ -27,7 +27,7 @@
</div>
</div>
<div class="search-type-link">
<a href="<?php echo CONST_Website_BaseURL; ?>reverse.php?format=html">reverse search</a>
<a id="switch-to-reverse" href="<?php echo CONST_Website_BaseURL; ?>reverse.php?format=html">reverse search</a>
</div>
</form>

6
website/css/search.css
View File

@ -26,6 +26,12 @@ form label {
right: 0
}
#switch-coords {
font-size: 0.8em;
font-weight: bold;
cursor: pointer;
}
.sidebar {
width: 25%;
padding: 15px;

17
website/js/nominatim-ui.js
View File

@ -72,6 +72,15 @@ jQuery(document).on('ready', function(){
html_viewbox = "viewbox: " + map_viewbox_as_string();
$('#map-position-inner').html([html_center,html_zoom,html_viewbox,html_click,html_mouse].join('<br/>'));
var reverse_params = {
lat: map.getCenter().lat.toFixed(5),
lon: map.getCenter().lng.toFixed(5),
zoom: map.getZoom(),
format: 'html'
}
$('#switch-to-reverse').attr('href', 'reverse.php?' + $.param(reverse_params));
$('input#use_viewbox').trigger('change');
}
@ -202,6 +211,14 @@ jQuery(document).on('ready', function(){
$('form input[name=lon]').val( e.latlng.lng);
$('form').submit();
});
$('#switch-coords').on('click', function(e){
var lat = $('form input[name=lat]').val();
var lon = $('form input[name=lon]').val();
$('form input[name=lat]').val(lon);
$('form input[name=lon]').val(lat);
$('form').submit();
});
}
highlight_result(0, false);