spacecruft
/
galmon
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[HTML Cleanup] Update coverage.html (many standards compliant fixes)

pull/47/head
Joseph Foulds 2019-11-18 15:10:38 +00:00
parent 77ebde1102
commit 11b739ba24
2 changed files with 36 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
html/geo/coverage.html
View File

@ -1,45 +1,44 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>galmon.eu geo</title>
<link rel="stylesheet" type="text/css" href="geo.css">
<title>galmon.eu geo</title>
<link rel="stylesheet" type="text/css" href="geo.css">
<script src="../d3.v4.min.js"></script>
<script src="../ext/topojson.v1.min.js"></script>
<script src="../ext/d3-geo-projection.v2.min.js"></script>
<script src="../d3.v4.min.js"></script>
<script src="../ext/topojson.v1.min.js"></script>
<script src="../ext/d3-geo-projection.v2.min.js"></script>
</head>
<body>
<div id="galmongeo">
<div id="galmoninfo">
This is a live map from the <a href="/">galmon.eu</a> project. This map can plot if a fix is possible ('Coverage') or if the positioning, horizontal or vertical precision will be bad (<a href="https://en.wikipedia.org/wiki/Dilution_of_precision_(navigation)">PDOP, HDOP, VDOP</a>). Red blocks indicate a problem even in perfect viewing conditions. Orange means a problem if there are obstructions below 10 degrees above of the horizon,
yellow for less than 20 degrees ('urban canyon').
<b>These <a href="https://github.com/ahupowerdns/galmon/blob/master/coverage.cc">calculations are very provisional</a> and might be wrong!</b>
<center>
<p>
<input type="radio" name="kind" id="coverage" onclick="do_timer();" ><label for="coverage">Coverage</label>
<input type="radio" name="kind" id="pdop" onclick="do_timer();" ><label for="pdop">PDOP &gt; 10 or no fix</label>
<input type="radio" name="kind" id="hdop" onclick="do_timer();" checked><label for="hdop">HDOP &gt; 10 or no fix</label>
<input type="radio" name="kind" id="vdop" onclick="do_timer();" ><label for="vdop">VDOP &gt; 10 or no fix</label>
<div id="galmongeo">
<div id="galmoninfo">
This is a live map from the <a href="/">galmon.eu</a> project. This map can plot if a fix is possible ('Coverage') or if the positioning, horizontal or vertical precision will be bad (<a href="https://en.wikipedia.org/wiki/Dilution_of_precision_(navigation)">PDOP, HDOP, VDOP</a>). Red blocks indicate a problem even in perfect viewing conditions. Orange means a problem if there are obstructions below 10 degrees above of the horizon, yellow for less than 20 degrees ('urban canyon').
<b>These <a href="https://github.com/ahupowerdns/galmon/blob/master/coverage.cc">calculations are very provisional</a> and might be wrong!</b>
<div class="centered">
<p>
<input type="radio" name="kind" id="coverage" onclick="do_timer();" ><label for="coverage">Coverage</label>
<input type="radio" name="kind" id="pdop" onclick="do_timer();" ><label for="pdop">PDOP &gt; 10 or no fix</label>
<input type="radio" name="kind" id="hdop" onclick="do_timer();" checked><label for="hdop">HDOP &gt; 10 or no fix</label>
<input type="radio" name="kind" id="vdop" onclick="do_timer();" ><label for="vdop">VDOP &gt; 10 or no fix</label>
</p>
<hr/>
<p>
<input type="checkbox" id="GalE1" onclick="do_timer();" checked> <label for="GalE1">Galileo E1</label> &nbsp;&nbsp;
<input type="checkbox" id="GPSL1CA" onclick="do_timer();"> <label for="GPSL1CA">GPS L1C/A</label> &nbsp;&nbsp;
<input type="checkbox" id="Beidou" onclick="do_timer();"> <label for="Beidou">Beidou</label> &nbsp;&nbsp;
</p>
</div>
</div>
<hr/>
<input type="checkbox" id="GalE1" onclick="do_timer();" checked> <label for="GalE1">Galileo E1</label> &nbsp;&nbsp;
<input type="checkbox" id="GPSL1CA" onclick="do_timer();"> <label for="GPSL1CA">GPS L1C/A</label> &nbsp;&nbsp;
<input type="checkbox" id="Beidou" onclick="do_timer();"> <label for="Beidou">Beidou</label> &nbsp;&nbsp;
</p>
</center>
</div>
<div id="combined">
<svg id="svgworld"></svg>
<svg id="svggraticule"></svg>
<svg id="svgobservers"></svg>
<svg id="svgalmanac"></svg>
</div>
</div>
<div id="combined">
<svg id="svgworld"></svg>
<svg id="svggraticule"></svg>
<svg id="svgobservers"></svg>
<svg id="svgalmanac"></svg>
</div>
</div>
<script src="coverage.js"></script>
<script src="coverage.js"></script>
</body>
</html>

4
html/geo/geo.css
View File

@ -266,3 +266,7 @@ path.merged {
border: 1px gray solid;
background: #eee;
}
.centered {
margin: auto 0px;
text-align: center;
}