dools.ru — сайт dools.ru

Технологии

• architecture_signals: pwa_manifest, service_worker
• seo_signals: canonical, hreflang

О сайте

Title: Геолокация в браузере — примеры и демо

Description: Как получить координаты пользователя через JavaScript: geolocation API, примеры, безопасность.

---

Инструменты веб-разработчика

[RU](/geo) [EN](/en/geo)

Мобильные Web API

[Геолокация](/geo) [Камера](/camera) [Буфер](/clipboard) [Шэринг](/share) [Биометрия](/webauthn) [Офлайн](/offline) [Хранилище](/storage) [Пуш](/push) [Голос](/voice)

Android (доп.)

[NFC](/nfc) [Bluetooth](/ble) [USB](/usb) [Вибрация](/vibrate) [Гироскоп](/gyro) [Фонарик](/torch) [СМС](/sms)

Геолокация

[getCurrentPosition()](getCurrentPosition) метод для получения текущего местоположения устройства

Запросить местоположение Supported

Готово к запуску

Копировать

navigator.geolocation.getCurrentPosition( (pos) = console.log(pos.coords), (err) = console.error(err), { enableHighAccuracy: true, timeout: 10000, maximumAge: 0 } );

Параметры:

- success - функция, которая вызывается при успешном получении местоположения - error Необязательный - функция, которая вызывается при ошибке - options Необязательный - объект с параметрами - enableHighAccuracy - использовать высокую точность - timeout - время ожидания ответа - maximumAge - время хранения ответа

[watchPosition()](watchPosition) метод для отслеживания изменений местоположения устройства

Отслеживать местоположение Остановить отслеживание

Готово к запуску

Параметры:

- success - функция, которая вызывается при успешном получении местоположения - error Необязательный - функция, которая вызывается при ошибке - options Необязательный - объект с параметрами - enableHighAccuracy - использовать высокую точность - timeout - время ожидания ответа - maximumAge - время хранения ответа

[clearWatch()](clearWatch) метод для отмены отслеживания местоположения устройства

Параметр id - идентификатор, возвращенный методом watchPosition

Копировать

let id; let target; let options;

function success(pos) { const crd = pos.coords;

if (target.latitude === crd.latitude && target.longitude === crd.longitude) { console.log("Congratulations, you've reached the target!"); navigator.geolocation.clearWatch(id); } }

function error(err) { console.error(ERROR(${err.code}): ${err.message}); }

target = { latitude: 0, longitude: 0, };

options = { enableHighAccuracy: false, timeout: 5000, maximumAge: 0, };

id = navigator.geolocation.watchPosition(success, error, options);

Ссылки

- [Спецификация Geolocation API](https://w3c.github.io/geolocation/) - [Совместимость бра…