fly/fgdata
1
0
Fork 0
Code Activity

browser-map: add layers, draw ils/loc

Browse source 
Added precipitation and pressure layers from openweathermap
Draw ils and loc from geojson multilinestring feature
some tweaking with database requests details based on zoom
This commit is contained in:
Torsten Dreyer 2014-03-21 13:02:50 +01:00
parent e593ee2c30
commit 148639fb50
1 changed files with 38 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

41
webgui/map/index.html
View file

@ -63,6 +63,24 @@ html,body {
attribution : 'Map data © <a href="http://www.dfs.de">DFS</a>'
});
var owmPrecipitation = new L.TileLayer("http://{s}.tile.openweathermap.org/map/precipitation/{z}/{x}/{y}.png", {
maxZoom : 14,
minZoom : 0,
subdomains : '12',
format : 'image/png',
transparent : true,
opacity : 0.5
});
var owmPressure = new L.TileLayer("http://{s}.tile.openweathermap.org/map/pressure_cntr/{z}/{x}/{y}.png", {
maxZoom : 7,
minZoom : 0,
subdomains : '12',
format : 'image/png',
transparent : true,
opacity : 0.5
});
var MAP_ICON = {};
MAP_ICON["VOR"] = L.icon({
iconSize : [ 30, 30 ],
@ -92,6 +110,14 @@ html,body {
if (feature.properties.type in MAP_ICON)
layer.setIcon(MAP_ICON[feature.properties.type]);
}
},
style: function(feature) {
if( feature.properties.type == "ILS" || feature.properties.type == "localizer" ) {
return {
color: 'black',
weight: 1,
};
}
}
});
@ -105,11 +131,14 @@ html,body {
var overlays = {
"NAVDB" : navdbLayer,
// "ICAO (Germany)" : icaoGermany,
// "IFR Lower Airspace (Germany)" : lowerGermany,
//(Germany)" : icaoGermany,
//(Germany)" : lowerGermany,
"Precipitation" : owmPrecipitation,
"Isobares" : owmPressure,
};
L.control.layers(baseLayers, overlays).addTo(map);
L.control.scale().addTo(map);
var aircraftMarker = Object.create(L.marker([ 53.5, 10.0 ]));
aircraftMarker.addTo(map);
@ -131,11 +160,17 @@ html,body {
if (radius < 10)
radius = 10;
var filter = "vor,dme,ndb,airport";
if (radius < 60)
filter += ",ils,loc,om";
if (radius < 20)
filter += ",mm";
var center = map.getCenter();
var lat = center.lat;
var lon = center.lng;
var url = "/navdb?q=findWithinRange&type=vor,ils,ndb&range=" + radius + "&lat=" + lat + "&lon=" + lon;
var url = "/navdb?q=findWithinRange&type=" + filter + "&range=" + radius + "&lat=" + lat + "&lon=" + lon;
console.log(url);
var jqxhr = $.get(url).done(function(data) {
navdbLayer.clearLayers();