In this video tutorial, you will learn how to use Geolocation api in javascript.
Subscribe: https://www.youtube.com/c/FWAIT/featured
Source Code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<button onclick="getGeoLocation()">Find My Location</button>
<br><br>
<div style="display:none;">
<a href="#">Click Here</a>
</div>
<script src="script.js"></script>
</body>
</html>
function getGeoLocation(){
if(navigator.geolocation){
navigator.geolocation.getCurrentPosition(onSuccess, onError);
}else {
console.log('Not Supported');
}
}
function onSuccess(position){
// const {latitude, longitude} = position.coords;
const {latitude, longitude} = {
latitude: '40.785091',
longitude: '-73.968285'
};
const url = `https://www.latlong.net/c/?lat=${latitude}&long=${longitude}`;
document.querySelector('a').setAttribute('href', url);
document.querySelector('div').style.display = 'block';
}
function onError(error){
console.log(error);
}
#javascript