-
Notifications
You must be signed in to change notification settings - Fork 1
/
maps2.html
136 lines (105 loc) · 4.73 KB
/
maps2.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Welcome to Tinder!</title>
<script type="text/javascript"
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCN-UEDAvOwwdUMagZBEDfXj2u9Cnh3fzg&sensor=true"></script>
<link href='http://fonts.googleapis.com/css?family=Abril+Fatface' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400' rel='stylesheet' type='text/css'>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class=".container-fluid" style="
height: 100%;
width: 100%; padding-top: 57px; ">
<nav class="navbar navbar-default navbar-fixed-top text-center" role="navigation">
<a href="index.html" <span="" class="glyphicon glyphicon-chevron-left" style="
font-size: 28px;
color: #555;
float: left;
margin-left: 20px;
margin-top: 19px;
"></a>
<div id="navtext2"><h3>Low Country Sights</h3></div>
</nav>
<div id="map-canvas"/>
<nav class="navbar navbar-default navbar-fixed-bottom text-center" role="navigation">
<div id="submitbutton">
<input type="file" capture="camera" accept="image/*" id="cameraInput" name="cameraInput" title="Submit">
</div>
</nav>
<!-- container close div -->
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="http://gregpike.net/demos/bootstrap-file-input/bootstrap.file-input.js.pagespeed.jm.IdmWcpRIii.js"></script>
<script>$(document).ready(function(){$('input[type=file]').bootstrapFileInput();});</script>
<script src="Database.js"></script>
<script>
function initialize() {
var points = new Array();
var mapOptions = {
center: new google.maps.LatLng(32.786986, -79.935883),
zoom: 10
};
var map = new google.maps.Map(document.getElementById("map-canvas"),
mapOptions);
for(var i = 0; i < dataSet.length; i++) {
var contentString = '<div id="content">'+
'<div id="siteNotice">'+
'</div>'+
'<h1 id="firstHeading" class="firstHeading">Uluru</h1>'+
'<div id="bodyContent">'+
'<p><b>Uluru</b>, also referred to as <b>Ayers Rock</b>, is a large ' +
'sandstone rock formation in the southern part of the '+
'Northern Territory, central Australia. It lies 335 km (208 mi) '+
'south west of the nearest large town, Alice Springs; 450 km '+
'(280 mi) by road. Kata Tjuta and Uluru are the two major '+
'features of the Uluru - Kata Tjuta National Park. Uluru is '+
'sacred to the Pitjantjatjara and Yankunytjatjara, the '+
'Aboriginal people of the area. It has many springs, waterholes, '+
'rock caves and ancient paintings. Uluru is listed as a World '+
'Heritage Site.</p>'+
'<p>Attribution: Uluru, <a href="http://en.wikipedia.org/w/index.php?title=Uluru&oldid=297882194">'+
'http://en.wikipedia.org/w/index.php?title=Uluru</a> '+
'(last visited June 22, 2009).</p>'+
'</div>'+
'</div>';
var infowindow = new google.maps.InfoWindow({
content: contentString
});
var image = {
url: dataSet[i].image,
size: new google.maps.Size(100, 100),
origin: new google.maps.Point(0,0),
anchor: new google.maps.Point(10, 10)
};
points.push(new google.maps.Marker({
position: new google.maps.LatLng(dataSet[i].locationLat, dataSet[i].locationLong),
map: map,
title: dataSet[i].title,
icon: image
}));
google.maps.event.addListener(points[i], 'click', function() {
infowindow.open(map,points[i]);
});
}
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</body>
</html>