Follow the Example
<button onclick="getLocation()">Try It</button>
<p id="demo"></p>
<script>
const x = document.getElementById("demo");
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.watchPosition(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>
What is HTML Geolocation API | HTML Geolocation API |
How to create HTML Locate the User's Position | HTML Geolocation API |
What type of browsers will support for HTML Geo Location | HTML Geolocation API |
How to Use HTML Geolocation | HTML Geolocation API |
How to add Handling Errors and Rejections | HTML Geolocation API |
What is Location-specific Information | HTML Geolocation API |
How to create HTML getCurrentPosition() Method - Return Data | HTML Geolocation API |
How to create HTML Geolocation Object - Other interesting Methods | HTML Geolocation API |
Category: | Web Tutorial |
Sub Category: | HTML Geolocation API |
Uploaded by: | Admin |