diff options
Diffstat (limited to 'tools/mmd')
-rw-r--r-- | tools/mmd/mmd.css | 57 | ||||
-rw-r--r-- | tools/mmd/orbtrak.js | 1 | ||||
-rw-r--r-- | tools/mmd/tracker.html | 66 |
3 files changed, 92 insertions, 32 deletions
diff --git a/tools/mmd/mmd.css b/tools/mmd/mmd.css index 609ea5e..86461cd 100644 --- a/tools/mmd/mmd.css +++ b/tools/mmd/mmd.css @@ -4,6 +4,20 @@ html, body background-color: #003366; } +body.tracker +{ + margin: 0; +} + +html.tracker +{ + margin: 1px; + border: 1px solid #ffed00; + width: 512px; + height: 340px; + padding: 0; +} + #login a { color: green; @@ -130,32 +144,32 @@ em width: 1em; } -.telemetry +.options { - font: 10pt courier, monospace; - color: white; + font: 12pt arial, sans-serif; + color: #ffed00; } -.groundstation +select.options, +input.options { - font: 10pt courier, monospace; - color: yellow; + border: 0px; + color: #003366; + background: #ffed00; } -select.telemetry, -input.telemetry +.telemetry { - border: 1px solid #ffffff; - background: #003366; + font: 11pt courier, monospace; + color: white; } td.telemetry, th.telemetry, th.telemetry { - font: 10pt courier, monospace; color: white; - border: 1px solid white; + border: 1px solid #ffed00; } th.telemetry @@ -165,6 +179,23 @@ th.telemetry table.current { - border: 1px solid white; + border: 1px solid #ffed00; + border-collapse: collapse; } +/* OSM attributes */ +div.groundstation +{ + font: 10pt courier, monospace; + color: #003366; + z-index: 1004; + position: absolute; + left: 5px; + top: 5px; +} + +div.olControlAttribution +{ + bottom: 5px; + right: 5px; +} diff --git a/tools/mmd/orbtrak.js b/tools/mmd/orbtrak.js index 0e5d845..5e9f04a 100644 --- a/tools/mmd/orbtrak.js +++ b/tools/mmd/orbtrak.js @@ -42,6 +42,7 @@ var Orb = var map = new OpenLayers.Map ("osm");
map.addLayers ([new OpenLayers.Layer.OSM (), Orb.trackLayer, Orb.satLayer, Orb.homeLayer]);
+ // map.addLayers ([new OpenLayers.Layer.WMS ("OpenLayers WMS", "http://vmap0.tiles.osgeo.org/wms/vmap0", {layers:'basic'}), Orb.trackLayer, Orb.satLayer, Orb.homeLayer]);
map.zoomTo (1);
var satStyle = {fillColor: "#FFED00", pointRadius: 3, stroke: false};
diff --git a/tools/mmd/tracker.html b/tools/mmd/tracker.html index 16d4120..aa9b524 100644 --- a/tools/mmd/tracker.html +++ b/tools/mmd/tracker.html @@ -1,45 +1,73 @@ <!doctype html> -<html> +<html class="tracker"> <head> <meta charset="utf-8" /> <title>Tracking ARISSAT using OrbTrak</title> <link rel="stylesheet" type="text/css" href="orbtrak.css" /> - <link rel="stylesheet" type="text/css" href="mmd.css" /> <script src="http://www.openlayers.org/api/OpenLayers.js"></script> <script src="predictlib.js" type="text/javascript"></script> <script src="tle.js" type="text/javascript"></script> <script src="orbtrak.js" type="text/javascript"></script> - <script src="track.js" type="text/javascript"></script> <script type="text/javascript"> function load() { - Orb.startOSMTracking(60, 47.01, 15.76); + Orb.startOSMTracking(15.76, 47.01, 376, 'Graz'); } </script> + <link rel="stylesheet" type="text/css" href="mmd.css" /> </head> -<body onload="load()"> - <div id="osm"></div> - <div id="passes"></div> - <div id="current"> - <div class="telemetry">Longitude: <span id="longitude"></span></div> - <div class="telemetry">Latitude: <span id="latitude"></span></div> - <div class="telemetry">Elevation: <span id="elevation"></span></div> - <div class="telemetry">Azimuth: <span id="azimuth"></span></div> - <div class="telemetry">Altitude: <span id="altitude"></span></div> - <div class="telemetry">Set refresh rate to <span> - <select class="telemetry" name="refresh" id="refresh"> +<body class="tracker" onload="load()"> + <div id="osm"> + <div class="groundstation"> + Location + <span id="gsName"></span>, + Lon: + <span id="gsLongitude"></span>, + Lat: + <span id="gsLatitude"></span>, + Alt: + <span id="gsAltitude"></span> + </div> + </div> + <table class="current"> + <tr> + <th class="telemetry">Satellite</th> + <th class="telemetry">Longitude</th> + <th class="telemetry">Latitude</th> + <th class="telemetry">Azimuth</th> + <th class="telemetry">Elevation</th> + <th class="telemetry">Altitude</th> + </tr> + <tr> + <td class="telemetry" id="name"> + </td> + <td class="telemetry" id="longitude"> + </td> + <td class="telemetry" id="latitude"> + </td> + <td class="telemetry" id="azimuth"> + </td> + <td class="telemetry" id="elevation"> + </td> + <td class="telemetry" id="altitude"> + </td> + </tr> + </table> + <div class="options">Set refresh rate to <span> + <select class="options" name="refresh" id="refresh" tabindex="1"> <option value="100">0.1</option> <option value="500">0.5</option> <option value="1000">1.0</option> <option value="2000">2.0</option> <option value="5000" selected="selected">5.0</option> - </select> seconds</span></div> + </select> seconds</span> </div> - <div class="telemetry"> - <input class="telemetry" type="submit" value="update" id="setPreviewMinutes" onClick="Orb.createSatelliteTrack ()" /> - preview for the next <input class="telemetry" type="text" name="previewMinutes" id="previewMinutes" value="30" size="5" /> + <div class="options"> + <input class="options" type="submit" value="update" id="setPreviewMinutes" onClick="Orb.createSatelliteTrack ()" tabindex="2" /> + preview for the next <input class="options" type="text" name="previewMinutes" id="previewMinutes" value="90" size="5" tabindex="3" /> minutes </div> + <pre id="debug"></pre> </body> </html> |