Geolocation API on the iPhone Geolocation API on the iPhone javascript javascript

Geolocation API on the iPhone


This code worked for me -- on the iPhone web browser Safari and as an added bonus it even worked with FireFox 3.5 on my laptop! The Geolocation API Specification is part of the W3 Consortium’s standards But be warned: it hasn’t been finalized as yet.

alt text
(source: bemoko.com) alt text
(source: bemoko.com)

<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>Geolocation API Demo</title><meta content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" name="viewport"/><script>function successHandler(location) {    var message = document.getElementById("message"), html = [];    html.push("<img width='256' height='256' src='http://maps.google.com/maps/api/staticmap?center=", location.coords.latitude, ",", location.coords.longitude, "&markers=size:small|color:blue|", location.coords.latitude, ",", location.coords.longitude, "&zoom=14&size=256x256&sensor=false' />");    html.push("<p>Longitude: ", location.coords.longitude, "</p>");    html.push("<p>Latitude: ", location.coords.latitude, "</p>");    html.push("<p>Accuracy: ", location.coords.accuracy, " meters</p>");    message.innerHTML = html.join("");}function errorHandler(error) {    alert('Attempt to get location failed: ' + error.message);}navigator.geolocation.getCurrentPosition(successHandler, errorHandler);</script></head><body><div id="message">Location unknown</div></body></html>


You can now get location from Javascript APIs in the safari browser following the iPhone 3.0 release - we've created a working example @ http://blog.bemoko.com/2009/06/17/iphone-30-geolocation-javascript-api/


Since iPhone OS 3.0 Safari supports getting geo location. See: Safari Reference Library:Getting Geographic Locations On the other side W3C Geo API specification is still in draft.