текущее местоположение требует обновления страницы в мобильном телефоне Jquery

Question

Я создал приложение в jquery и google maps javascript v3, в котором я отображаю текущее местоположение пользователя после нажатия кнопки.

Теперь проблема в том, что иногда я получаю довольно точное текущее местоположение, а иногда в одном и том же месте оно показывает мое текущее местоположение за много миль, но снова, когда я обновляю страницу, я снова получаю довольно хорошее текущее местоположение.

Кто-нибудь знает, как избавиться от повторного нажатия кнопки «Обновить», чтобы пользователю не приходилось нажимать кнопку «Обновить» в своем мобильном браузере ??

Примечание: я тестирую это приложение в телефоне Android, который имеетбраузер по умолчанию.

Страница № 1 имеет кнопку, а Страница № 2 имеет карту, но Страница № 1 и Страница № 2 объединены в одну HTML-страницу jQuery.

Answer 1

Почему бы вам не попробовать добавить логику с помощью параметра точности из объекта геолокации (position.coords.accuracy). Например,

//if accuracy is to low
if (position.coords.accuracy =< 500) {
    //redo the geolocation
    navigator.geolocation.getCurrentPosition(function(position) {
    //update marker
    marker.setPosition(new google.maps.LatLng(position.coords.latitude, position.coords.longitude)})
}
 , displayError);
}