<head> <title>Geolocation Permission API Test</title> <meta content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" name="viewport"/> <script> var watchId = 0; 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); } <!-- One shot example --> navigator.geolocation.getCurrentPosition(successHandler, errorHandler); </script> </head> <body> <div id="message">Location unknown</div> </body> </html>