Geocoder/index.html at master · davgothic/Geocoder · 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
41
<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
	<title>Geocoder</title>
	<link href="media/styles/style.css" rel="stylesheet">
</head>
<body>
	<div id="locate-panel">
		<form method="post">
			<div id="left-column">
				<input type="text" name="input" id="address" value="Address">
				<input type="submit" value="Search" id="search">
			</div>
			<div id="right-column">
				<label for="latitude">Latitude:</label>
				<input type="text" name="latitude" readonly="readonly" value="" id="latitude">
				<label for="longitude">Longitude:</label>
				<input type="text" name="longitude" readonly="readonly" value="" id="longitude">
			</div>
		</form>
		<div id="info">
			<div id="info-panel">
				<h2>Geocoder</h2> <span>- A Google Maps Geocoder Tool.</span>
				<p>Click on the map to find a latitude and longitude.</p>
				<p><strong>OR</strong></p>
				<p>Enter an address in the field and click Search to find the latitude and longitude of the address.</p>
				<hr>
				<p class="footer">&copy; 2012 David Hancock. <a href="http://davgothic.com/mit-license/">view the license</a> | <a href="http://github.com/davgothic/Geocoder">grab the source</a>.</p>
			</div>
			<a id="toggle-info">i</a>
		</div>

	</div>
	<div id="map-canvas"></div>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
	<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
	<script type="text/javascript" src="media/scripts/geocoder.js"></script>
</body>
</html>