48 lines
1.7 KiB
HTML
48 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.bundle.js"></script>
|
|
<script src="https://api.mapbox.com/mapbox-gl-js/v1.12.0/mapbox-gl.js"></script>
|
|
<link href="https://api.mapbox.com/mapbox-gl-js/v1.12.0/mapbox-gl.css" rel="stylesheet" />
|
|
<script src="static/scripts/distanceCalc.js"></script>
|
|
<script src="static/scripts/refull.js"></script>
|
|
<link rel="stylesheet" href="static/replayStyle.css">
|
|
</head>
|
|
<body>
|
|
<div class="controls">
|
|
<br>
|
|
<button id="messungladen" style="margin-right: 16px;">Aufnahmen laden</button>
|
|
|
|
<label>Aufnahmen:
|
|
<select name="meas" id="meas" disabled>
|
|
</select>
|
|
</label>
|
|
<button id="replaystarten" style="margin-right: 16px;" disabled>Öffnen</button>
|
|
</div>
|
|
|
|
<div class="sceneMap">
|
|
<div id="map" style='width: 1000px; height: 500px;'></div>
|
|
<div id="state-legend" class="legend">
|
|
<h4>Legende</h4>
|
|
<div><span style="background-color: rgba(214, 69, 65, 1)"></span>Ublox</div>
|
|
<div><span style="background-color: rgba(30, 139, 195, 1)"></span>Smartphone</div>
|
|
</div>
|
|
</div>
|
|
<div style="width: 1000px; height: 300px;">
|
|
<canvas id="speedChart" width="1000" height="300"></canvas>
|
|
</div>
|
|
<div style="width: 1000px; height: 300px;">
|
|
<canvas id="accChart" width="1000" height="300"></canvas>
|
|
</div>
|
|
|
|
|
|
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
|
|
<script src="static/scripts/mapFull.js"></script>
|
|
<script src="static/scripts/speedChart.js"></script>
|
|
<script src="static/scripts/accChart.js"></script>
|
|
|
|
</body>
|
|
</html>
|