В моем приложении, при нажатии кнопки, пользователя просят разрешить местоположение. Когда я нажимаю кнопку, я вижу два разных сообщения. Первый - тот, который я хочу увидеть, но почему я тоже получаю второй? Как мне избавиться от второго всплывающего окна?
index. html
<button onclick="getLocation()" type="button">Find Me</button>
<script>
//get location on click
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.watchPosition(showPosition, showError, {maximumAge: 4000,timeout: 30000,enableHighAccuracy: true,accuracy:10});
} else {
//console.log("Geolocation is not supported by this browser.");
}
function showPosition(position) {
//get geolocation information
latitude = position.coords.latitude;
longitude = position.coords.longitude;
accuracy = position.coords.accuracy;
}
function showError(error) {
switch(error.code) {
case error.PERMISSION_DENIED:
x.innerHTML = "User denied the request for Geolocation."
break;
case error.POSITION_UNAVAILABLE:
x.innerHTML = "Location information is unavailable."
break;
case error.TIMEOUT:
x.innerHTML = "The request to get user location timed out."
break;
case error.UNKNOWN_ERROR:
x.innerHTML = "An unknown error occurred."
break;
}
}
</script>
Сначала я получаю это сообщение, и это то, которое я хочу увидеть: ![enter image description here](https://i.stack.imgur.com/WbAvp.png)
Проблема в том, что я также получаю это всплывающее окно после первого: ![enter image description here](https://i.stack.imgur.com/Opb4l.png)