HTML5 Geolocation / PDF
Sample of the pdf document :
Locate the User's Position
The HTML5 Geolocation API is used to get the geographical position of a
user.
Since this can compromise user privacy, the position is not available
unless the user approves it.
Browser Support
Internet Explorer 9, Firefox, Chrome, Safari and Opera support Geolocation.
Note: Geolocation is much more accurate for devices with
GPS, like iPhone.
HTML5 - Using Geolocation
Use the getCurrentPosition() method to get the user's position.
The example below is a simple Geolocation example returning the latitude
and longitude of the user's position:
Example
<script>
var x=document.getElementById("demo");
function getLocation()
{
if (navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(showPosition);
}
else{x.innerHTML="Geolocation is not supported by this browser.";}
}
function showPosition(position)
{
x.innerHTML="Latitude: " + position.coords.latitude +
"<br>Longitude: " + position.coords.longitude;
}
</script>
var x=document.getElementById("demo");
function getLocation()
{
if (navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(showPosition);
}
else{x.innerHTML="Geolocation is not supported by this browser.";}
}
function showPosition(position)
{
x.innerHTML="Latitude: " + position.coords.latitude +
"<br>Longitude: " + position.coords.longitude;
}
</script>
Example explained:
- Check if Geolocation is
supported
- If supported, run the getCurrentPosition()
method. If not, display a message to the user
- If the getCurrentPosition() method is successful,
it returns a coordinates object to the function specified in the parameter
( showPosition )
- The showPosition() function gets the displays the
Latitude and Longitude
The example above is a very basic Geolocation script, with no error
handling......
Click here for Download PDF / FREE

0 commentaires: