GeoLab/geoLab2.html at master · Louhub/GeoLab · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Geolocation API Features Tester</title>

	<link href="geoLab.css" rel="stylesheet" type="text/css" />
	<script src="http://code.jquery.com/jquery-1.7.1.js"></script>
	<script src="geo.js" type="text/javascript"></script>
    <script src="http://maps.google.com/maps/api/js?sensor=false"></script>


</head>

<body>


	<div id="content">
 		<h1>Working with Geolocation</h1>

		<p>Testing the Geolocation API:</p>
		<input type="button" id="go" value="Click Me To View Your Current Address" />

		<p id = "local">Your location is: </p>
		<p id="lat">Latitude: </p>
    	<p id="lng">Longitude: </p>

	    <div id="map" style="width:450px; height:300px"></div>
	</div>


	<footer>This page was created by Louise for <a href="http://moodle.ncirl.ie/course/view.php?id=987">ARIA</a> for testing the <a href = "http://www.w3.org/TR/geolocation-API/">Geolocation API</a> with <a href = "http://dev.opera.com/articles/view/how-to-use-the-w3c-geolocation-api/">Google maps</a></footer>


</body>
</html>