X-Git-Url: https://git.openstreetmap.org./nominatim.git/blobdiff_plain/8f0199008da804372cf0e3d793f3fa5ad12b3696..a4ecd9d73e93a56aeee336c7fa7e18aa42bd9e03:/website/js/nominatim-ui.js diff --git a/website/js/nominatim-ui.js b/website/js/nominatim-ui.js index 1c90cb0f..3e0aabd2 100644 --- a/website/js/nominatim-ui.js +++ b/website/js/nominatim-ui.js @@ -10,29 +10,23 @@ jQuery(document).on('ready', function(){ $('#q').focus(); map = new L.map('map', { - attributionControl: false, // moved to page footer + attributionControl: (nominatim_map_init.tile_attribution && nominatim_map_init.tile_attribution.length), scrollWheelZoom: !L.Browser.touch, touchZoom: false }); - - - L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', { - noWrap: true // otherwise we end up with click coordinates like latitude -728 + L.tileLayer(nominatim_map_init.tile_url, { + noWrap: true, // otherwise we end up with click coordinates like latitude -728 // moved to footer - // attribution: '© OpenStreetMap contributors' + attribution: (nominatim_map_init.tile_attribution || null ) //'© OpenStreetMap contributors' }).addTo(map); - if ( nominatim_map_init.lat ){ - map.setView([nominatim_map_init.lat || 0, nominatim_map_init.lon], nominatim_map_init.zoom); + map.setView([nominatim_map_init.lat, nominatim_map_init.lon], nominatim_map_init.zoom); - if ( is_reverse_search ){ - // not really a market, but the .circle changes radius once you zoom in/out - var cm = L.circleMarker([nominatim_map_init.lat,nominatim_map_init.lon], { radius: 5, weight: 2, fillColor: '#ff7800', color: 'red', opacity: 0.75, clickable: false}); - cm.addTo(map); - } - } else { - map.setView([0,0],2); + if ( is_reverse_search ){ + // We don't need a marker, but an L.circle instance changes radius once you zoom in/out + var cm = L.circleMarker([nominatim_map_init.lat,nominatim_map_init.lon], { radius: 5, weight: 2, fillColor: '#ff7800', color: 'red', opacity: 0.75, clickable: false}); + cm.addTo(map); } @@ -47,9 +41,11 @@ jQuery(document).on('ready', function(){ map.getCenter().lat.toFixed(5) + ',' + map.getCenter().lng.toFixed(5) + " view on osm.org"; + html_zoom = "map zoom: " + map.getZoom(); + html_viewbox = "viewbox: " + map_viewbox_as_string(); - $('#map-position').html([html_center,html_viewbox,html_click,html_mouse].join('
')); + $('#map-position').html([html_center,html_zoom,html_viewbox,html_click,html_mouse].join('
')); $('input#use_viewbox').trigger('change'); } @@ -121,7 +117,7 @@ jQuery(document).on('ready', function(){ var bounds = [[result.aBoundingBox[0]*1,result.aBoundingBox[2]*1], [result.aBoundingBox[1]*1,result.aBoundingBox[3]*1]]; map.fitBounds(bounds); - if (result.astext && result.astext.match(/POLY/) ){ + if (result.astext && result.astext.match(/(POLY)|(LINE)/) ){ var layer = omnivore.wkt.parse(result.astext); layerGroup.addLayer(layer); } @@ -133,7 +129,7 @@ jQuery(document).on('ready', function(){ else { if ( is_reverse_search ){ // make sure the search coordinates are in the map view as well - map.fitBounds([[result.lat,result.lon], [nominatim_map_init.lat,nominatim_map_init.lon]], {padding: [50,50]}); + map.fitBounds([[result.lat,result.lon], [nominatim_map_init.lat,nominatim_map_init.lon]], {padding: [50,50], maxZoom: map.getZoom()}); // better, but causes a leaflet warning // map.panInsideBounds([[result.lat,result.lon], [nominatim_map_init.lat,nominatim_map_init.lon]], {animate: false}); @@ -185,16 +181,18 @@ jQuery(document).on('ready', function(){ map = new L.map('map', { // center: [nominatim_map_init.lat, nominatim_map_init.lon], // zoom: nominatim_map_init.zoom, - attributionControl: false, + attributionControl: (nominatim_map_init.tile_attribution && nominatim_map_init.tile_attribution.length), scrollWheelZoom: false, touchZoom: false, }); - L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', { + + L.tileLayer(nominatim_map_init.tile_url, { // moved to footer - // attribution: '© OpenStreetMap contributors' + attribution: (nominatim_map_init.tile_attribution || null ) //'© OpenStreetMap contributors' }).addTo(map); + var layerGroup = new L.layerGroup().addTo(map); var circle = L.circleMarker([nominatim_result.lat,nominatim_result.lon], { radius: 10, weight: 2, fillColor: '#ff7800', color: 'blue', opacity: 0.75});