safety-screen/Nominatim
1
0
Fork 0
forked from hans/Nominatim
Code Pull Requests Activity

Merge pull request #498 from mtmail/move-mouse-position-info-on-map

Browse Source 
HTML map: new button -show map bounds-
This commit is contained in:
Sarah Hoffmann
2016-08-24 22:19:48 +02:00
committed by GitHub
parent 8a796db3c9 87b6810eba
commit cd6dcfa574
4 changed files with 40 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -96,7 +96,10 @@
<?php } ?> <?php } ?>
<div id="map-wrapper"> <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 id="map"></div>
</div> </div>

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

@@ -81,7 +81,10 @@
<?php } ?> <?php } ?>
<div id="map-wrapper"> <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 id="map"></div>
</div> </div>

5
website/css/search.css
View File

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

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

@@ -29,6 +29,32 @@ jQuery(document).on('ready', function(){
cm.addTo(map); cm.addTo(map);
} }
var MapPositionControl = L.Control.extend({
options: {
position: 'topright'
},
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){ function display_map_position(mouse_lat_lng){
@@ -45,7 +71,7 @@ jQuery(document).on('ready', function(){
html_viewbox = "viewbox: " + map_viewbox_as_string(); 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'); $('input#use_viewbox').trigger('change');
} }