diff --git a/.gitignore b/.gitignore index 7db17bb..bba68c8 100644 --- a/.gitignore +++ b/.gitignore @@ -5,3 +5,5 @@ misc frames.js .*.swp *~ +*.rej +*.orig diff --git a/public_html/gmap.html b/public_html/gmap.html index e7f2ffb..4f086d9 100644 --- a/public_html/gmap.html +++ b/public_html/gmap.html @@ -16,6 +16,7 @@

Dump1090 - 00:00:00 UTC

Click on a plane for info.

+

diff --git a/public_html/script.js b/public_html/script.js index 1666f64..4fdb03e 100644 --- a/public_html/script.js +++ b/public_html/script.js @@ -43,7 +43,7 @@ function selectPlane() { function refreshGeneralInfo() { var i = document.getElementById('geninfo'); - + i.innerHTML = PlanesOnGrid + ' planes on grid.
'; i.innerHTML += PlanesOnMap + ' planes on map.'; } @@ -65,8 +65,33 @@ function refreshSelectedInfo() { i.innerHTML = html; } +function refreshTableInfo() { + var i = document.getElementById('tabinfo'); + + var html = ''; + html += ''; + for (var p in Planes) { + if (p == Selected) { + html += ''; + } else { + html += ''; + } + html += ''; + html += ''; + html += ''; + html += ''; + html += ''; + html += ''; + html += ''; + html += ''; + html += ''; + } + html += '
FlightAltitudeSpeedTrackLatLongSeenMsgs
' + Planes[p].flight + '' + Planes[p].altitude + '' + Planes[p].speed + '' + Planes[p].track + '' + Planes[p].lat + '' + Planes[p].lon + '' + Planes[p].seen + '' + Planes[p].messages + '
'; + i.innerHTML = html; +} + function fetchData() { - $.getJSON('/data.json', function(data) { + $.getJSON('data.json', function(data) { var stillhere = {} PlanesOnMap = 0; @@ -130,6 +155,9 @@ function fetchData() { delete Planes[p]; } } + + refreshTableInfo() ; + }); } @@ -176,12 +204,31 @@ function resetMap() { } function initialize() { + var mapTypeIds = []; + for(var type in google.maps.MapTypeId) { + mapTypeIds.push(google.maps.MapTypeId[type]); + } + mapTypeIds.push("OSM"); + var mapOptions = { center: new google.maps.LatLng(CenterLat, CenterLon), zoom: ZoomLvl, - mapTypeId: google.maps.MapTypeId.ROADMAP + mapTypeId: google.maps.MapTypeId.ROADMAP, + mapTypeControlOptions: { + mapTypeIds: mapTypeIds, + } }; Map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); + + //Define OSM map type pointing at the OpenStreetMap tile server + Map.mapTypes.set("OSM", new google.maps.ImageMapType({ + getTileUrl: function(coord, zoom) { + return "http://tile.openstreetmap.org/" + zoom + "/" + coord.x + "/" + coord.y + ".png"; + }, + tileSize: new google.maps.Size(256, 256), + name: "OpenStreetMap", + maxZoom: 18 + })); // show footer at info-area $(function(){ diff --git a/public_html/style.css b/public_html/style.css index 8c58273..86c8576 100644 --- a/public_html/style.css +++ b/public_html/style.css @@ -32,3 +32,8 @@ text-align: center; padding:0px; margin:0px; } +#tableinfo { +font-size: x-small; +font-family: monospace; +} +