geohash
Version:
GeoHash Algorithm first described by Gustavo Niemeyer in February 2008. By interleaving latitude and longitude information in a bitwise fashion, a composite value is generated that provides a high resolution geographic point, and is well suited for storage or transmission as a character string.
50 lines (49 loc) • 1.36 kB
HTML
<html>
<head>
<title>geohash demonstrator</title>
<script src="./geohash-demo.js" type="text/javascript"/>
<style>
body {
font-family: 'Helvetica';
font-weight: Bold;
color: white;
margin: 0px;
padding: 0px;
}
input {
font-family: 'Helvetica';
font-weight: Normal;
}
.LabeledMarker_markerLabel {
color: white;
font-size: 13px;
font-family: 'Helvetica';
text-transform: uppercase;
}
a {color: #3199ee;text-decoration:none} a:hover {color:#fa0;}a img{border: 0;}
</style>
</head>
<body>
<div style="background: #000; height: 90px; padding: 15px;" id="header">
<input type="text" value="1600 Pennsylvania Ave, Washington, DC" id="address" name="address" size="50">
<input type="text" value="" id="geoHash" name="geoHash">
<select id="hashResolution" name="hashResolution">
<option>3
<option>4
<option selected>5
<option>6
<option>7
<option>8
</select>
<input type="button" value="plot" onClick="geocodeAddress();">
<input type="button" value="clear" onClick="cleanUp();">
<div id="boxList"></div>
<div id="searchInfo"></div>
</div>
<div style="position:absolute; top:15px; width: 150px; text-align:right;" id="credits">
<a href="http://github.com/davetroy/geohash-js/tree/master" target="new">source code</a><br>
© 2008 David Troy
</div>
<div id="map"/>
</body>
</html>