-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·49 lines (43 loc) · 2.58 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!DOCTYPE html>
<html lang="en" class="no-js">
<!--
Written by Joshua Fabian
https://github.com/jfabi/mbta-shuttle-tracker
-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" type="text/css" href="styler.css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<link href="//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,400italic,500italic,700,700italic,900,900italic" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="leaflet/leaflet.css"/>
<script src="leaflet/leaflet.js"></script>
<script type="text/javascript" src="https://rawgit.com/jieter/Leaflet.encoded/master/Polyline.encoded.js"></script>
<script type="text/javascript" src="http://maps.stamen.com/js/tile.stamen.js?v1.3.0"></script>
<title>Shuttle bus viewer</title>
<meta name="description" content="">
<meta name="keywords" content="" />
<meta name="author" content="">
</head>
<body>
<div id="informationBox">
<div id="headerTitle"><b>Live MBTA-operated shuttle bus locations</b></div>
<div id="configuration">
<input type="checkbox" name="checkboxLabels" onchange="toggleLabels(this)"/> Show vehicle identifiers
<br>
<input type="checkbox" name="checkboxShapes" checked onchange="toggleShapes(this)"/> Show shuttle routes operating today
<br>
<span onclick="toggleMoreInfo(this)" id="linkInfoDisclaimer">Learn more about this data</span>
</div>
<div id="infoDisclaimer" style="display: none">
Real-time information about shuttles is only available for buses operated by the MBTA. Shuttles operated by third-party carriers will not appear on the map. Bus icons indicate which rail line the shuttle replaces, however this information may not always be correct, and not all shuttle buses may be tracked. Buses may be tracked on the map as they travel between the shuttle route and garage, so appearance on this map may not always indicate that the vehicle is accepting passengers. Route shapes are not available for emergency (unplanned) shuttles.
<br><br>
Learn more about the data <a href="https://groups.google.com/g/massdotdevelopers/c/1JCarLYh_B0">from the MBTA</a>. Find this project <a href="https://github.com/jfabi/mbta-shuttle-tracker">on GitHub</a>.
</div>
</div>
<div id="map"></div>
<script src="config.js"></script>
<script src="shuttleMap.js"></script>
</body>
</html>