Sunday 30 October 2011

html5 Geolocation

I'm quite fascinated by the geolocation API that is contained within html5. One thing I love about my iPhone is that I can find things around me quickly, even if I don't where I am. I've used the Google Maps API a couple of times for Contact Us pages. I love that I can make a JavaScript call to produce an interactive map and insert it into a containing div, and have a static image of the area so that if the user doesn't have JavaScript (or has it disabled) they can still have an experience comparable to the JavaScript user. I thought it would be quite cool to use the JavaScript API to produce a map based the user's current location. Take a look at the finished result here. Details after the jump.