Для программиста веб -разработки одним из наиболее интересных аспектов разработки является получение информации о географическом месте; Представьте себе, где пользователи просматривают ваши веб -страницы? Программисты могут скорректировать язык веб -сайта, конкретное введение продукта и т. Д. На основе информации о географическом месте пользователя. Что мы собираемся продемонстрировать ниже, так это получить подробную географическую информацию через API информации о геолокации JavaScript в браузере!
Проверьте, поддерживает ли ваш браузер API Geolocation
В настоящее время основные браузеры лучше поддерживают API информации о геолокации JavaScript. Но если вы не чувствуете себя нелегко, то лучший способ подтвердить поддержку API информации о геолокации - это проверить функцию браузера.
if ("geolocation" в Navigator) {// w00t!} else {alert ("К сожалению! Ваш браузер не поддерживает функциональность API геолокации");}Для определения того, поддерживает ли браузер API геолокации, наиболее важным является рассмотрение объекта navigation.geolocation, использовать, а не просто использовать if (navigator.geolocation). Это очень важно, потому что последний может инициализировать информационный объект геолокации, тем самым занимая/блокируя ресурсы устройства.
Информация о географическом расположении запроса
Метод Navigator.geolocation.getCurrentPosition является наиболее критическим интерфейсом для получения подробной информации о местоположении:
if ("geolocation" в Navigator) {navigator.geolocation.getCurrentPosition (function (position) {console.log (position);});}После того, как вы позвоните по этому методу (если запрос будет успешным, он выполнит метод обратного вызова, который вы предоставите в параметре), браузер спросит пользователя, разрешить ли программе получить информацию о геолокации.
Когда пользователи запускают веб -страницу для получения информации о местоположении, браузер может начать читать географическую информацию. Это вернет вам объект информации о местоположении. Структура объекта в основном выглядит следующим образом:
// "Положение" объект {координаты: {"Координаты" Точность объекта: 65, высота: 294.4074401855469, AltitudeAccuracy: 10, заголовок: -1, широта: 43.01256284360166, Dongitude: -89.4453198769244444444444444444444444, -1: -1: -1: -1: -1: -1: -1: -166: -89.44531987692444444444444444444444444444444360166: -89.4453198769244444444444444444 1429722992094269}Если вы считаете, что информация о географическом месте (географическая широта и координаты долготы) недостаточно и хотите, чтобы страна или город или город, к которым принадлежат эти географические координаты, вам необходимо вызвать другие сторонние базы данных - мы не будем подробно объяснить здесь.
Этот API информации о геолокации является наиболее распространенным приложением API во многих мобильных приложениях. Как веб -программист, это должны быть знания и навыки, которые вы должны иметь. К счастью, эта технология поддерживается всеми популярными браузерами в настоящее время.
Выше приведено в этой статье, я надеюсь, что для всех будет полезно изучить программирование JavaScript.