I am testing to find out if my current location is inside the location radius (300m). if it is yes return true. otherwise return false
please find below the code that currently using
<body>
<button onclick="getLocation()">Try It</button>
<p id="demo"></p>
<script>
//below returant location
var resturantLat = 47.55522178620101;
var resturantLon = -122.34152897937625;
var radius = 300
//show my current location in page
var myLocation = document.getElementById("demo");
//get my current location
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition);
} else {
myLocation.innerHTML = "Geolocation is not supported by this browser.";
}
}
function showPosition(position) {
myLocation.innerHTML = "Latitude: " + position.coords.latitude +
"<br>Longitude: " + position.coords.longitude;
}
var myLocationLat = position.coords.latitude;
var myLocationLon = position.coords.longitude;
/*
if (my location inside radius){return true} else { return false}
*/
</script>
</body>