-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathDublinBus.html
125 lines (110 loc) · 6.6 KB
/
DublinBus.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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<!DOCTYPE html>
<html>
<head>
<title>Dublin Bus Dashboard</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://google-developers.appspot.com/maps/documentation/javascript/examples/default.css" rel="stylesheet">
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />
<script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
<script src="http://leaflet.github.io/Leaflet.heat/dist/leaflet-heat.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript" src="Bus.json"></script>
<script type="text/javascript" src="Congestion.json"></script>
<script type="text/javascript" src="DublinBUS.js"></script>
<script defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCYBOM3nr4k7F90vVnU42LKoakz3nvhOv0&callback=initialize"></script>
<link rel="stylesheet" href="MainCSS.css">
</head>
<body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="60">
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container" >
<div class="navbar-header" >
<!-- <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button> -->
<a class="navbar-brand">RealTime DublinBus Dashboard </a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<div id="mySidenav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<h2 href="#">Statistics</h2>
<div style="margin: auto;">
<table id="bikeStationTable"></table>
</div>
<div id="chart_div" style="height: 300px; width: 100%;"></div>
</div>
<li><a href="#about">ABOUT</a></li>
<li><a href="#routes">STOPSMAP</a></li>
<li><a href="#heatmap">HEATMAP</a></li>
<li><a href="#tweets">TWEETS</a></li>
<li><a onclick="location.href='DublinBikes.html'">DUBLIN BIKES</a></li>
</ul>
</div>
</div>
</nav>
<!-- <div class="jumbotron text-center">
<h1>City Sustainability Management</h1>
<p>One Stop For City Overview</p>
<form>
<div class="input-group">
<input type="email" class="form-control" size="50" placeholder="Email Address" required>
<div class="input-group-btn">
<button type="button" class="btn btn-danger">Notifications Subscribe</button>
</div>
</div>
</form>
</div> -->
<!-- Container (About Section) -->
<div id="about" class="container-fluid">
<div class="row">
<div class="col-sm-8">
<br>
<!-- <br><button class="btn btn-default btn-lg">Get in Touch</button> -->
</div>
</div>
</div>
Dublin Bus (Irish: Bus Átha Cliath) is a bus operator providing services in Dublin. It is a subsidiary of Córas Iompair Éireann. The company carried 139.4 million passengers in 2017.Dublin Bus operates an extensive network of 110 radial, cross-city and peripheral routes and 18 night routes in the city of Dublin and the Greater Dublin Area. The company carries around 325,000 people each day.The main radial routes are focused upon Dublin's sixteen Quality Bus Corridors which provide buses with daytime access to the city centre. As of May 2018, the fleet consisted of 1016 buses plying over 110 Routes.Dublin Bus operates seven depots in Clontarf, Conyngham Road, Donnybrook, Harristown, Phibsborough, Ringsend and Summerhill.Dublin bus also has 2 sub depots in bray and in Skerries. There are more than 3000+ Bus Stops in Greater Dublin Area with Real Time Passenger information.<br>
<a href="http://www.dublinbus.ie/">Official Website of DublinBus</a>
<br> <b>SORRY ! RAN OUT OF AWS CREDITS. PLEASE TRY THE DUBLIN BIKES VISUALIZATION </b> </br>
<div id="routes" class="container-fluid text-center bg-grey">
<h2>STOPS MAP</h2>
</div>
<div id="map-canvas" style="margin-left: 20px;margin-right: 20px;"></div>
<!-- <br> -->
<!-- Container (Pricing Section) -->
<!-- Container (Pricing Section) -->
<div id="heatmap" class="container-fluid text-center bg-grey">
<h2>HEATMAP</h2><br>
</div>
<div id="heatmap-canvas" style="width:1400px; height:720px; " ></div>
<div id="tweets" class="container-fluid text-center bg-grey">
<h2>LIVE TWEETS</h2><br>
<a class="twitter-timeline" data-width="300" data-height="600" href="https://twitter.com/dublinbusnews?ref_src=twsrc%5Etfw">Tweets by Dublin Bus</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<a class="twitter-timeline" data-width="300" data-height="600" href="https://twitter.com/LiveDrive?ref_src=twsrc%5Etfw">Tweets by Live Drive </a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<a class="twitter-timeline" data-width="300" data-height="600" href="https://twitter.com/Luas?ref_src=twsrc%5Etfw">Tweets by LUAS</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<!-- <a class="twitter-timeline" data-width="900" data-height="1000" href="https://twitter.com/search?q=%23Traffic%20%23Dublin" data-widget-id="979010721915777024">Tweets about #Traffic and #Dublin</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> -->
</div>
<a href="DublinBus.html">
<img src="img/DublinBus.jpg" alt="an image" margin-left="25pt" align="center" width="1000pt" height="300pt" />
</a>
<!-- Container (Contact Section) -->
<!-- <div id="contact" class="container-fluid text-center bg-grey">
<h2 class="text-center">TEAM 10</h2>
</div> -->
<footer class="container-fluid text-center">
<a href="#myPage" title="To Top">
<span class="glyphicon glyphicon-chevron-up"></span>
</a>
<p>City Management Project - Team 10, TCD, Dublin, 2018 </p>
</footer>
</body>
</html>