Geolocation API on the iPhone

by

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>

More Related Contents:

  1. How to find my distance to a known location in JavaScript
  2. Which Devices Support Javascript Geolocation via navigator.geolocation?
  3. Converting latitude and longitude to decimal values
  4. navigator.geolocation.getCurrentPosition sometimes works sometimes doesn’t
  5. javascript scroll event for iPhone/iPad?
  6. How to get visitor’s location (i.e. country) using geolocation?
  7. Get city name using geolocation [duplicate]
  8. Check if URL scheme is supported in javascript
  9. getCurrentPosition() and watchPosition() are deprecated on insecure origins
  10. Get GPS location from the web browser
  11. Fixed positioning in Mobile Safari
  12. iPad/iPhone browser crashing when loading images in Javascript
  13. Determine timezone from latitude/longitude without using web services like Geonames.org
  14. Get country from latitude longitude
  15. Invoke native date picker from web-app on iOS/Android
  16. Why can’t JavaScript .play() audio files on iPhone safari?
  17. How to detect in iOS webapp when switching back to Safari from background?
  18. Preventing default context menu on longpress / longclick in mobile Safari (iPad / iPhone)
  19. How to get the formatted address from a dragged marker in Google Version Maps
  20. Strange behavior of select/dropdown’s onchange() JS event when using ‘Next’ on Mobile Safari Dropdown list item select box
  21. ask for geolocation permission again if it was denied
  22. unable to cope with the asynchronous nature of navigator.geolocation
  23. Determine if user navigated from mobile Safari
  24. iphone/ipad triggering unexpected resize events
  25. how to intercept Button click inside UIWebview on IOS?
  26. Facebook OAuth “Unsupported” in Chrome on iOS
  27. Get total height of webView’s content using Javascript
  28. Can I handle alert inside UIWebViewDelegate?
  29. How do I put a clear button inside my HTML text input box like the iPhone does?
  30. How to implement an onmousedown and onmouseup on an iPhone touch screen

Leave a Comment