How to use geolocation in HTML5
This article mainly explains "how to use geolocation in HTML5". Interested friends may wish to have a look at it. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn "how HTML5 uses geolocation".
HTML5Geolocation (geolocation) is used to locate the location of the user.
Locate the location of the user
HTML5GeolocationAPI is used to obtain the user's geographic location.
In view of the fact that this feature may infringe upon the user's privacy, the user location information is not available unless the user agrees.
Browser support
NternetExplorer9+,Firefox,Chrome,Safari and Opera support Geolocation (geolocation).
Note: Geolocation (geolocation) is more accurate for devices with GPS, such as iPhone.
HTML5- uses geolocation
Use the getCurrentPosition () method to get the location of the user.
The following example is a simple geolocation example that returns the longitude and latitude of a user's location:
Example
Var x=document.getElementById ("demo")
Function getLocation ()
{
If (navigator.geolocation)
{
Navigator.geolocation.getCurrentPosition (showPosition)
}
Else
{
X [XSS _ clean] = "this browser does not support geolocation."
}
}
Function showPosition (position)
{
X [XSS _ clean] = "Latitude:" + position.coords.latitude +
"
Longitude: "+ position.coords.longitude
}
Instance resolution:
Detect whether geolocation is supported
If supported, run the getCurrentPosition () method. If not, 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 gets and displays longitude and latitude
The above example is a very basic geolocation script with no error handling.
At this point, I believe you have a deeper understanding of "how HTML5 uses geolocation". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!
