Geolocation с HTML5 и JavaScript. Интеграция с Google Maps

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

Использование геолокации, по сути, с поддержкой HTML5 браузеры способны отслеживать местонахождение пользователя, используя IP-адрес, присвоенный соединение с провайдером, близости к сотовой связи (мобильной связи) или через ' GPS антенна может быть интегрирован в устройства. Определения положения georafica, конечно, происходит только после явного согласия соответствующего лица (кто будет уведомлен о просьбе веб-странице, чтобы сделать отслеживание позиции, запрос, который будет в состоянии согласия или нет).

Расположение возвращаемой браузером выражается его координаты (широта и долгота), которые затем могут быть использованы JavaScript. Новый API геолокации основана на новое свойство объекта навигатора: navigator.geolocation.

Для того, чтобы проверить, если браузер поддерживает эти новые API для HTML5 достаточно, поэтому, условно позвонить следующим образом:

 если (navigator.geolocation) {



  



 / / Браузера готовы с поддержкой HTML5 геолокации







 Остальное {}



  



 / / Нет поддержки геолокации







 }

Вот простой код Javascript (для включения в заголовке страницы) для определения географических координат пользователя:

 если (navigator.geolocation) {



  



 navigator.geolocation.getCurrentPosition (mia_posizione);







 Остальное {}



  



 оповещения («гео-локализации не представляется возможным ');







 }









 mia_posizione функции () {



  



 уаг лат = position.coords.latitude;



  



 уаг долгота = position.coords.longitude;



  



 document.getElementById ('место') InnerHtml = 'Ваша позиция:'. + лат + ',' + долготы;

  





 }

В теле страницы не только вставить элемент с идентификатором "позиции", в котором пользователю координаты будут записаны.

Чтобы увидеть рабочий пример нажмите здесь .

GetCurrentPosition функции ()

Как вы можете увидеть, если ваш браузер поддерживает вены Geolocation getCurrentPosition называется функция (), которая, в нашем примере, один из аргументов передается в качестве обратного вызова в случае успеха.
На самом деле это работает допускает три параметра:

• обратного вызова в случае успешного завершения;
• Обратный звонок в случае неудачи;
• опции:
  • enableHighAccuracy: истинным или ложным, это запрос устройство для передачи месте с высоким уровнем точности (attivamndo, например, устройства GPS);
  • Тайм-аут: максимальная длительность ожидания для обнаружения позиции (в миллисекундах);
  • maximumAge: максимальный возраст, после которого обнаружения должны быть выполнены нуво позиции слежения;

Вот пример использования getCurrentPosition () со всеми тремя параметрами позволило:

 



 navigator.geolocation.getCurrentPosition (



  



 success_callback, error_callback, {enableHighAccuracy: ложный});

 

• <<
• 1
• 2
• 3
• >>