---
title: "HTML5 Geolocation"
description: "HTML5 Geolocation"
author: "AVADHESH PATEL"
published: 2012-10-16
updated: 2019-09-07
canonical: https://www.mindstick.com/articles/1045/html5-geolocation
category: "html5"
tags: ["html5"]
reading_time: 5 minutes
---
# HTML5 Geolocation
[HTML5](https://www.mindstick.com/articles/1535/offline-add-edit-delete-data-in-html5-indexeddb) Geolocation is used to locate a user's position\
Note: The HTML5 Geolocation API is used to get the geographical position of a user. Since this can [compromise](https://yourviews.mindstick.com/view/88472/the-compromise-between-comfort-and-progress) [user privacy](https://answers.mindstick.com/qa/114479/what-challenges-do-tech-companies-face-in-protecting-user-privacy-amid-digital-transformation), the position is not available unless the user approves it.
For getting user location, API use getCurrentPosition() method. This [method gets](https://answers.mindstick.com/qa/33377/which-activity-lifecycle-method-gets-called-whenever-the-screen-of-the-device-turns-off-an-then-turns-on) longitude and latitude points of user. [Latitude and longitude](https://answers.mindstick.com/qa/51314/what-were-the-approximate-latitude-and-longitude-measurement-of-the-united-states-before-the-louisiana-purchase) is a coordinate that enables every [location on the Earth](https://answers.mindstick.com/qa/33636/which-is-the-coldest-location-on-the-earth) to be specified by a set of numbers and/or letters.
Here we demonstrate to pick current position (Latitude and Longitute) of user.
```
Get latitude and longitude
```
##### Output
Latitude: 25.450001\
Longitude: 81.849998
Note: Latitude and longitude values are differing for every user.
Now these values (latitude and longitude) we pass to goggle map API that display UI position of user.
##### HTML5 - Using Geolocation
```
```
Screen Shot
##### Handling Errors and Rejections
In the above code we used getCurrentPosition() method is used to handle errors. It specifies a function to run if it fails to get the user's location.
##### Meaning of Error Codes:
· Permission denied - The user did not allow Geolocation
· Position unavailable - It is not possible to get the current location
· Timeout - The operation timed out
The other properties below are returned if available.
| ##### Property | ##### Description |
| --- | --- |
| coords.latitude | The latitude as a decimal number |
| coords.longitude | The longitude as a decimal number |
| coords.accuracy | The accuracy of position |
| coords.altitude | The altitude in meters above the mean sea level |
| coords.altitudeAccuracy | The altitude accuracy of position |
| coords.heading | The heading as degrees clockwise from North |
| coords.speed | The speed in meters per second |
| timestamp | The date/time of the response |
##### Geolocation object - Other interesting Methods
watchPosition() - Returns the current position of the user and continues to return updated position as the user moves (like the GPS in a car).
clearWatch() - Stops the watchPosition() method.
---
Original Source: https://www.mindstick.com/articles/1045/html5-geolocation
Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.