Based on Yesterday’s post. I thought we could take the new HTML 5, featured offered by Android and iPhone OS 3.0 and do something almost useful with it.
So sticking to things close to my heart, I decided to expand my example and build a simple web-page that finds geo-caches near where you are.
Use it here.
http://www.binaryrefinery.com/gnm.htm
It works really well.
Source here -
<html>
<head>
<title>
Geocaching Lookup
</title>
<script>
navigator.geolocation.getCurrentPosition(foundLocation, noLocation);
function foundLocation(position)
{
var lat = position.coords.latitude;
var long = position.coords.longitude;
document.location.href="http://www.geocaching.com/seek/nearest.aspx?origin_lat="+lat+"&origin_long="+long+"&dist=100&submit3=Search";
}
function noLocation()
{
alert('Could not find location');
}
</script>
</head>
<body>
<h1>Geocaching Near Me</h1>
</body>
</html>