Доступ к геолокации и ориентации устройства и на вашем устройстве.

В наши дни у нас есть доступ к множеству различных устройств: планшетам, телефонам, настольным компьютерам и т. д., и этот широкий спектр устройств также дает нам доступ к множеству различных датчиков.

  • Акселерометр
  • Гироскоп
  • Датчик приближения
  • Компас
  • Датчик освещенности

Просто назову несколько (когда я говорю несколько, я имею в виду это)

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

В этом блоге я собираюсь показать вам базовый запуск трех API устройств, к которым у нас есть доступ, геолокацию, ориентацию устройства и, наконец, движение устройства.

** ПРИМЕЧАНИЕ. Не все браузеры могут поддерживать эти API **

ГЕОЛОКАЦИЯ

Вы можете использовать геолокацию, чтобы определить местоположение ваших пользователей. Обычно работает с GPS, но вы также можете указать свой IP-адрес или позиционирование на основе Wi-Fi, но это не так точно.

Как внедрить в свой проект:

— чтобы получить текущую позицию пользователя, используйте:

getCurrentPosition()

ex.

navigator.geolocation.getCurrentPosition(function(position) {
let lat = position.coords.latitude;
 let lon = position.coords.longitude;
// do something interesting with the data
});

getCurrentPosition() стремится быстро определить местоположение, но не так точно.

Вы также можете watchPosition(), что дает вам более точное чтение и регулярное обновление

ex.

let watchID = navigator.geolocation.watchPosition(function(position) {
 let lat = position.coords.latitude;
 let lon = position.coords.longitude;
// do something interesting with the data
});

watchPosition() возвращает идентификатор для уникальной идентификации этого конкретного наблюдателя.

используйте clearWatch(), чтобы остановить просмотр

ex.

navigator.geolocation.clearWatch(watchID);

Ориентация устройства

Это способ получить доступ к физической информации об устройстве пользователя. Это особенно удобно для создания игр или более интерактивных приложений.

ориентация устройства состоит из трех наборов данных

  • Альфа
  • Бета
  • Гамма

Осуществление ориентации устройства.

// checking if device orientation is supported
if(window.DeviceOrientationEvent) {
window.addEventListener('deviceorientation', function(event) {
// access the 3 sets of data 
let alpha = event.alpha;
let beta = event.beta;
let gamma = event.gamma;
// do something with the data
}
}

Ресурс:

список веб-API