When we have a requirement in which we want to track the latest locations for a user only when they are in a certain area, then we write separate code for it. The code to determine when to prompt the user to share location in HTML is as follows -
if (frstTime) { //First time navigator.getCurrentPosition(function (coordinates) { if (coordsAreInTheBox) { storeCoordsForUser(); navigator.watchPosition(); } }); } else if (userInlocat) { navigator.watchPosition(); }
It works as expected on the first load. It will check for whether the user came for the first time; if yes, then the navigator gets the current position. After that, according to coordinates in the box, we watch positions. If the user is in location then watch position.