hans/Nominatim
1
0
Fork 1
mirror of https://github.com/osm-search/Nominatim.git synced 2026-03-12 05:44:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

details.php now also responsive

Browse Source
This commit is contained in:
Marc Tobias Metten
2015-08-23 07:15:04 +02:00
parent fc961c14fa
commit 851af3db7f
11 changed files with 347 additions and 5286 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -2,6 +2,9 @@ var map;
var last_click_latlng;
jQuery(document).on('ready', function(){
if ( !$('#search-page').length ){ return; }
$('#q').focus();
map = new L.map('map', {
@@ -13,7 +16,8 @@ jQuery(document).on('ready', function(){
});
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
// attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
// moved to footer
// attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);
@@ -77,7 +81,7 @@ jQuery(document).on('ready', function(){
return L.marker([result.lat,result.lon], {riseOnHover:true,title:result.name });
}
function circle_for_result(result){
return L.circleMarker([result.lat,result.lon], { radius: 50, weight: 1, fillColor: '#F0F7FF', color: 'red', opacity: 0.75});
return L.circleMarker([result.lat,result.lon], { radius: 10, weight: 2, fillColor: '#ff7800', color: 'blue', opacity: 0.75});
}
var layerGroup = new L.layerGroup().addTo(map);
@@ -91,44 +95,38 @@ jQuery(document).on('ready', function(){
layerGroup.clearLayers();
if (result.lat){
var circle = circle_for_result(result);
circle.on('click', function(){
highlight_result(position);
});
layerGroup.addLayer(circle);
}
if (result.aBoundingBox){
console.log('bounding box, maybe polygon', result);
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/) ){
var layer = omnivore.wkt.parse(result.astext);
layerGroup.addLayer(layer);
// layer.addTo(map);
// addedLayers.push(layer);
}
else {
var layer = L.rectangle(bounds, {color: "#ff7800", weight: 1} );
layerGroup.addLayer(layer);
// var layer = L.rectangle(bounds, {color: "#ff7800", weight: 1} );
// layerGroup.addLayer(layer);
}
}
else {
// console.log('lat,lon,zoom');
map.panTo([result.lat,result.lon], result.zoom || nominatim_map_init.zoom);
var circle = circle_for_result(result);
circle.on('click', function(){
highlight_result(i);
});
layerGroup.addLayer(layer);
// circle.addTo(map);
}
var crosshairIcon = L.icon({
iconUrl: 'images/crosshair.png',
iconSize: [12, 12],
iconAnchor: [6, 6],
});
var crossMarker = new L.Marker([result.lat,result.lon], { icon: crosshairIcon, clickable: false});
layerGroup.addLayer(crossMarker);
// var crosshairIcon = L.icon({
// iconUrl: 'images/crosshair.png',
// iconSize: [12, 12],
// iconAnchor: [6, 6],
// });
// var crossMarker = new L.Marker([result.lat,result.lon], { icon: crosshairIcon, clickable: false});
// layerGroup.addLayer(crossMarker);
// crossMarker.addTo(map);
// addedLayers.push(crossMarker);
if (bool_focus){
@@ -136,10 +134,6 @@ jQuery(document).on('ready', function(){
}
}
$.each(nominatim_results, function(i, result){
});
$('.result').on('click', function(e){
highlight_result($(this).data('position'), true);
@@ -149,3 +143,36 @@ jQuery(document).on('ready', function(){
});
jQuery(document).on('ready', function(){
if ( !$('#details-page').length ){ return; }
map = new L.map('map', {
// center: [nominatim_map_init.lat, nominatim_map_init.lon],
// zoom: nominatim_map_init.zoom,
attributionControl: false,
scrollWheelZoom: false,
touchZoom: false,
});
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
// moved to footer
// attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);
var layerGroup = new L.layerGroup().addTo(map);
var outline = omnivore.wkt.parse(nominatim_result.outlinestring);
map.addLayer(outline);
var circle = L.circleMarker([nominatim_result.lat,nominatim_result.lon], { radius: 10, weight: 2, fillColor: '#ff7800', color: 'blue', opacity: 0.75});
map.addLayer(circle);
map.fitBounds(outline.getBounds());
});