Home > Article > Web Front-end > HTML5 geolocation
HTML5 Geolocation
Locate the user’s location (Recommended learning: html tutorial)
HTML5 Geolocation API is used to obtain the user's geographical location.
Given that this feature may violate user privacy, user location information is not available unless the user agrees.
Browser support
Internet Explorer 9, Firefox, Chrome, Safari and Opera support geolocation.
Note: For devices with GPS, such as iPhone, geolocation is more precise.
HTML5 - Using geolocation
Please use the getCurrentPosition() method to get the user's location.
The following example is a simple geolocation example that returns the longitude and latitude of the user's location.
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>
Example explanation:
Detect whether geolocation is supported
If supported, then Run the getCurrentPosition() method. If not supported, a message is displayed to the user.
If getCurrentPosition() runs successfully, a coordinates object is returned to the function specified in the parameter showPosition
The showPosition() function obtains and displays the longitude and latitude
The above example Is a very basic geolocation script without error handling.
The above is the detailed content of HTML5 geolocation. For more information, please follow other related articles on the PHP Chinese website!