35 lines
1.4 KiB
HTML
35 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.bundle.js"></script>
|
|
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
|
|
<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/websocket.js"></script>
|
|
<link rel="stylesheet" href="static/replayStyle.css">
|
|
</head>
|
|
<body>
|
|
|
|
<div class="float-container">
|
|
<div class="float-child">
|
|
<div class="sceneMap" style='width: 1000px; height: 500px;'>
|
|
<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: 600px; height: 400px;">
|
|
<canvas id="speedChart" width="400" height="200"></canvas>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="static/scripts/map.js"></script>
|
|
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
|
|
<script src="static/scripts/speedChart.js"></script>
|
|
</body>
|
|
</html>
|