changed to leaflet for real map

Signed-off-by: Pascal Syma <pascal@syma.dev>
This commit is contained in:
2020-10-02 20:31:47 +02:00
parent d6dea5cbf2
commit d626d5505c
16 changed files with 5060 additions and 533 deletions
+6 -50
View File
@@ -8,36 +8,6 @@
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
body {
margin: 0;
height: 0;
}
#buttons {
position: fixed;
margin: 8px;
}
#settings {
position: fixed;
margin: 8px;
right: 0;
bottom: 0;
}
#bus {
position: fixed;
right: 0;
margin: 8px;
text-align: center;
}
button {
width: 30px;
height: 30px;
}
</style>
</head>
<body>
<div id="buttons">
@@ -45,28 +15,14 @@
<button id="play">></button>
<button id="real">></button>
<button id="plus">+1</button>
<button disabled id="display" style="width: 70px">00:00</button>
<button disabled id="display">00:00</button>
<button id="showStops">Show Stops</button>
<label title="Minutes per Minute">
<input id="mpm" max="10000" min="1" type="number" value="10">
</label>
</div>
<table id="bus">
<thead>
<tr>
<th style="width: 200px">Next Stop</th>
<th>Line</th>
<th>Offset</th>
<th>Delay</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<div id="settings">
<label style="display: grid">
<input id="mpm" max="10000" min="1" type="number" value="180"> Minutes per Minute
</label>
<label>
<input id="showMap" type="checkbox"> Show Map?
</label>
</div>
<canvas id="canvas"></canvas>
<div id="map"></div>
</body>
</html>