-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathMobileMap.html
218 lines (215 loc) · 13.3 KB
/
MobileMap.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
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
<!--
geoApp
Geolocation map of Sewanee -->
<!DOCTYPE html>
<html>
<head>
<title> Sewanee map </title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1 user-scalable=no">
<link href="css/mobileStyling.css" rel="stylesheet">
<link href="css/navbar.css" rel="stylesheet">
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true&libraries=places"></script>
<script src="js-files/coords.js"> </script>
<script src="js-files/direct.js"> </script>
<script src="js-files/jquery.js"></script>
<script src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobubble/src/infobubble.js"></script>
<script src="js-files/Pictures.js"></script>
<script src="js-files/walkingTour.js"></script>
<script src="js-files/jquery-touchswipe.js"></script>
<script src="js-files/initialize.js"></script>
<script src="js-files/mapUtilities.js"></script>
<script>
var marker, marker1, posMarker, dMarker, aMarker, positionTimer, map, infoU;
var map_center = new google.maps.LatLng(35.204406,-85.921315);
var markersArray = [];
var markersArrayD = [];
var markersArrayA = [];
var overlooksArray = [];
var academicMBox = [];
var dormMarkerBox = [];
var infoArrayU = [];
var infoArrayD = [];
var infoArrayA = [];
var infoArrayO = [];
var storeB, storeZ;
var contentStringU;
var contentStringA;
var contentStringD;
var infoBubbleArrayU = [];
var infoBubbleArrayA = [];
var infoBubbleArrayD = [];
var infoBubbleArrayO = [];
var acadPolygonArray = [];
var univPolygonArray = [];
var dormPolygonArray = [];
var currentLocationArray = [];
</script>
<script>
alert("Welcome to the Sewanee Map!\nSwipe right or click the red box for options");
</script>
<script>
$(window).load(function(){
$("[data-toggle]").click(function() {
var toggle_el = $(this).data("toggle");
$(toggle_el).toggleClass("open-sidebar");
});
$(".swipe-area").swipe({
swipeStatus:function(event, phase, direction, distance, duration, fingers)
{
if (phase=="move" && direction =="right") {
$(".container").addClass("open-sidebar");
return false;
}
if (phase=="move" && direction =="left") {
$(".container").removeClass("open-sidebar");
return false;
document.getElementById('swipe-area').innerHTML = '<img src="purpleArrow.png" id="arrows">';
}
}
});
});
</script>
</head>
<body onload="initialize()">
<div class="container">
<div id="sidebar">
<ul>
<li><a><input type="button" value="Locate me" onclick="locate();"></a></li>
<li><a><input type="button" value="Clear map" onclick="resetAll();"></a></li>
<li><a>
<b>Directions From</b>
<select id="start">
<option value="100" disabled selected value> Choose Origin</option>
<option value="70"> Current Location</option>
<option value="4"> Gailor Hall</option>
<option value="3"> Hospital</option>
<option value="0"> Walsh-Ellett Hall</option>
<option value="1"> Book Store</option>
<option value="2"> Woods/Spencer Hall</option>
<option value="5"> McClurg Dining Hall</option>
<option value="6"> Fowler Center</option>
<option value="7"> Carnegie Hall</option>
<option value="8"> DuPoint Library</option>
<option value="9"> Bishops Commons</option>
<option value="10"> Fulford Hall</option>
<option value="11"> All Saints</option>
<option value="12"> Thompson Union</option>
<option value="13"> St. Lukes Hall</option>
<option value="14"> McCrady Hall</option>
<option value="15"> Van Ness Hall</option>
<option value="16"> Snowden Hall</option>
<option value="17"> Archives</option>
<option value="18"> Police/Fire Service</option>
<option value="19"> Stirlings</option>
<option value="20"> McGriff Alumni House</option>
<option value="21"> Hoffman Hall</option>
<option value="22"> Career Services</option>
<option value="23"> Barnwick Womens Center</option>
<option value="24"> EQB</option>
<option value="25"> Chen Hall</option>
<option value="26"> Convocation Hall</option>
<option value="27"> Guerry Hall and Art Gallery</option>
<option value="28"> Soccer Field</option>
<option value="29"> Golf Course</option>
<option value="30"> Equestrian</option>
<option value="31"> Tennis Courts</option>
<option value="32"> Football Field</option>
<option value="33"> Baseball Field</option>
<option value="34"> Memorial Cross</option>
<option value="35"> Morgan's Steep</option>
<option value="36"> Green's View</option>
<option value="37"> Sewanee Inn</option>
<option value="38"> St. Lukes Chapel</option>
<option value="39"> Spencer</option>
<option value="40"> Tennesee Williams Center</option>
<option value="41"> Cravens Hall</option>
<option value="42"> University Farm</option>
<option value="43"> Nabit Art Building</option>
<option value="44"> MultiCultural Center</option>
<option value="45"> Hodgeson</option>
<option value="46"> Philips</option>
<option value="47"> Smith</option>
<option value="48"> Trez</option>
<option value="49"> Courts</option>
</select>
</a></li>
<li><a>
<b>Directions To</b>
<select id="end">
<option value="102" disabled selected value> Choose Destination</option>
<option value="4"> Gailor Hall</option>
<option value="3"> Hospital</option>
<option value="0"> Walsh-Ellett Hall</option>
<option value="1"> Book Store</option>
<option value="2"> Woods/Spencer Hall</option>
<option value="5"> McClurg Dining Hall</option>
<option value="6"> Fowler Center</option>
<option value="7"> Carnegie Hall</option>
<option value="8"> DuPoint Library</option>
<option value="9"> Bishops Commons</option>
<option value="10"> Fulford Hall</option>
<option value="11"> All Saints</option>
<option value="12"> Thompson Union</option>
<option value="13"> St. Lukes Hall</option>
<option value="14"> McCrady Hall</option>
<option value="15"> Van Ness Hall</option>
<option value="16"> Snowden Hall</option>
<option value="17"> Archives</option>
<option value="18"> Police/Fire Service</option>
<option value="19"> Stirlings</option>
<option value="20"> McGriff Alumni House</option>
<option value="21"> Hoffman Hall</option>
<option value="22"> Career Services</option>
<option value="23"> Barnwick Womens Center</option>
<option value="24"> EQB</option>
<option value="25"> Chen Hall</option>
<option value="26"> Convocation Hall</option>
<option value="27"> Guerry Hall and Art Gallery</option>
<option value="28"> Soccer Field</option>
<option value="29"> Golf Course</option>
<option value="30"> Equestrian</option>
<option value="31"> Tennis Courts</option>
<option value="32"> Football Field</option>
<option value="33"> Baseball Field</option>
<option value="34"> Memorial Cross</option>
<option value="35"> Morgan's Steep</option>
<option value="36"> Green's View</option>
<option value="37"> Sewanee Inn</option>
<option value="38"> St. Lukes Chapel</option>
<option value="39"> Spencer</option>
<option value="40"> Tennesee Williams Center</option>
<option value="41"> Cravens Hall</option>
<option value="42"> University Farm</option>
<option value="43"> Nabit Art Building</option>
<option value="44"> MultiCultural Center</option>
<option value="45"> Hodgeson</option>
<option value="46"> Philips</option>
<option value="47"> Smith</option>
<option value="48"> Trez</option>
<option value="49"> Courts</option>
</select> </a>
</li>
<li> <a><br><button id="direct" onclick="displayDirections()"> Get Directions </button></a></li>
<form name="checkboxform" id="checkboxform" action="#" >
<li><a href="#"><div id="travel_data"></div> </a></li>
<li><a href="#"><input type="checkbox" id="box1" onchange="residenceBox()"/>Residence Halls<br></a></li>
<li><a href="#"><input type="checkbox" id="box2" onchange="academicBox()"/>University Buildings<br></a></li>
<li><a href="#"><input type="checkbox" id="box3" onchange="academicBox2()"/>Acadmic Buildings</br></a></li>
<li><a href="#"><input type="checkbox" id="box4" onchange="overlookBox()"/>Overlooks <br>(Hint: Keep zooming out) </a></li>
</ul></form>
</form>
</ul>
</div>
<div class="main-content">
<div class="swipe-area" id="swipe-area">
</div>
<a href="#" data-toggle=".container" id="sidebar-toggle"> <span class="bar"></span> <span class="bar"></span> <span class="bar"></span> </a>
<div class="content">
<div id="sewaneeBox">
<img src="SewaneeLogo.png" class="Logos">
</div>
<div id="map-canvas">
</div></div></div></div>
</body>
</html>