77 lines
3.3 KiB
HTML
77 lines
3.3 KiB
HTML
<!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">
|
|
|
|
<script src='//cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js'></script>
|
|
|
|
<script src="https://d3js.org/d3.v4.min.js"></script>
|
|
<script src="https://d3js.org/topojson.v1.min.js"></script>
|
|
<script src="https://d3js.org/d3-geo-projection.v2.min.js"></script>
|
|
|
|
</head>
|
|
<body>
|
|
<div id="galmongeo">
|
|
<h1>galmon.eu geo</h1>
|
|
<div id="galmoninfo">
|
|
<span id="galmontext">
|
|
This is a live map from the <a href="/">galmon.eu</a> project
|
|
</span>
|
|
<span id="galmonchoice">
|
|
<label id="observer_map" class="mybutton">Observer<input type="checkbox" checked="checked" ><span class="checkmark"></span></label>
|
|
|
|
|
<label id="coverage_map" class="mybutton">Coverage<input type="checkbox" checked="checked" ><span class="checkmark"></span></label>
|
|
|
|
|
<label id="constilation1" class="mybutton">GPS <input type="checkbox" checked="checked" ><span class="checkmark"></span></label>
|
|
<label id="constilation2" class="mybutton">Galileo <input type="checkbox" checked="checked" ><span class="checkmark"></span></label>
|
|
<label id="constilation3" class="mybutton">BeiBou <input type="checkbox" checked="checked" ><span class="checkmark"></span></label>
|
|
<!--
|
|
<label id="constilation4" class="mybutton">IMES <input type="checkbox" disabled="disabled"><span class="checkmark"></span></label>
|
|
<label id="constilation5" class="mybutton">QZSS <input type="checkbox" disabled="disabled"><span class="checkmark"></span></label>
|
|
-->
|
|
<label id="constilation6" class="mybutton">GLONASS <input type="checkbox" checked="checked" ><span class="checkmark"></span></label>
|
|
</span>
|
|
</div>
|
|
<div id="combined">
|
|
<svg id="svgworld"></svg>
|
|
<svg id="svggraticule"></svg>
|
|
<svg id="svgobservers"></svg>
|
|
<svg id="svgalmanac"></svg>
|
|
<span id="controls">
|
|
<label id="display_all" class="mybutton">Display All<input type="checkbox"><span class="checkmark"></span></label>
|
|
</p>
|
|
<!--
|
|
<label id="show_history" class="mybutton">History<input type="checkbox"><span class="checkmark"></span></label>
|
|
</p>
|
|
<label id="show_animate" class="mybutton">Animate<input type="checkbox"><span class="checkmark"></span></label>
|
|
</p>
|
|
-->
|
|
<label id="update_projection" class="mybutton">Projection<span class="checkmark"></span></label>
|
|
</span>
|
|
<span id="rotation">
|
|
<table class="rotatetable">
|
|
<tr>
|
|
<td></td>
|
|
<td><span id="rotate_north" class="myrotate">⇧</span></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td><span id="rotate_west" class="myrotate">⇦</span></td>
|
|
<td><span id="rotate_center" class="myrotate">◯</span></td>
|
|
<td><span id="rotate_east" class="myrotate">⇨</span></td>
|
|
</tr>
|
|
<tr>
|
|
<td></td>
|
|
<td><span id="rotate_south" class="myrotate">⇩</span></td>
|
|
<td></td>
|
|
</tr>
|
|
</table>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="geo.js"></script>
|
|
</body>
|
|
</html>
|