osm-search/Nominatim
1
1
Fork 0
mirror of https://github.com/osm-search/Nominatim.git synced 2024-11-23 13:44:36 +03:00
Code Issues Packages Projects Releases Wiki Activity

HTML map: new button -show map bounds-

Browse Source
This commit is contained in:
Marc Tobias Metten 2016-08-01 01:34:03 +02:00
parent ab30a69ad9
commit bb403e2e58
3 changed files with 37 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -81,7 +81,10 @@
<?php } ?>
<div id="map-wrapper">
<div id="map-position"></div>
<div id="map-position">
<div id="map-position-inner"></div>
<div id="map-position-close"><a href="#">hide</a></div>
</div>
<div id="map"></div>
</div>

7
website/css/search.css
View File

@ -51,8 +51,9 @@ form label {
}
#map-position {
display: none;
position: absolute;
top: 0;
bottom: 0;
right: 20px;
padding: 0 5px;
color: #333;
@ -61,6 +62,10 @@ form label {
z-index: 100;
}
#map-position-close {
text-align: right;
}
.result {
font-size: 0.8em;
margin: 5px;

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

@ -29,6 +29,32 @@ jQuery(document).on('ready', function(){
cm.addTo(map);
}
var MapPositionControl = L.Control.extend({
options: {
position: 'bottomright'
},
onAdd: function (map) {
var container = L.DomUtil.create('div', 'my-custom-control');
$(container).text('show map bounds').addClass('leaflet-bar btn btn-sm btn-default').on('click', function(e){
e.preventDefault();
e.stopPropagation();
$('#map-position').show();
$(container).hide();
});
$('#map-position-close a').on('click', function(e){
e.preventDefault();
e.stopPropagation();
$('#map-position').hide();
$(container).show();
});
return container;
}
});
map.addControl(new MapPositionControl());
function display_map_position(mouse_lat_lng){
@ -45,7 +71,7 @@ jQuery(document).on('ready', function(){
html_viewbox = "viewbox: " + map_viewbox_as_string();
$('#map-position').html([html_center,html_zoom,html_viewbox,html_click,html_mouse].join('<br/>'));
$('#map-position-inner').html([html_center,html_zoom,html_viewbox,html_click,html_mouse].join('<br/>'));
$('input#use_viewbox').trigger('change');
}