Geolokalizacja z HTML5 i javascript. Integracja z Google Maps

Nowe produkty wprowadzane z HTML5 jest wiele i niektóre szczególnie interesujące. Wśród nich wyróżnia się, nie ma wątpliwości, wsparcie dla geolokalizacji, która może automatycznie wykryć lokalizacji geograficznej użytkownika za pośrednictwem przeglądarki.

Korzystanie z geolokalizacja, w rzeczywistości, ze wsparciem dla przeglądarek HTML5 są w stanie śledzić położenie użytkownika za pomocą adresu IP przypisanego przez połączenia z usługodawcą, bliskość do komunikacji komórkowej (w przypadku połączenia) lub za pomocą " antena GPS może być zintegrowana z urządzeniem. Stanowisko wykrywania georafica, oczywiście, ma miejsce dopiero po wyraźnej zgody danej osoby (osób zostanie przekazana na wniosek strony do śledzenia pozycji, wniosek, który będzie mógł wyrazić zgodę lub nie).

Lokalizacja zwracany przez przeglądarkę jest wyrażona przez jego współrzędne (długość i szerokość geograficzną), które mogą być następnie wykorzystane przez JavaScript. Nowe API geolokalizacji jest w oparciu o nową właściwość obiektu navigator: navigator.geolocation.

W celu sprawdzenia, czy przeglądarka oferuje wsparcie dla nowych API dla HTML5 jest wystarczające, dlatego, warunkowe nawiązać połączenie tak:

 if (navigator.geolocation) {



  



 / / Przeglądarka-ready z obsługą HTML5 geolokalizacja







 Else {}



  



 / / Brak wsparcia dla geolokalizacji







 }

Oto prosty kod JavaScript (do umieszczenia w nagłówku strony), aby rejestrować współrzędne geograficzne użytkownika:

 if (navigator.geolocation) {



  



 navigator.geolocation.getCurrentPosition (mia_posizione);







 Else {}



  



 alert ('geo-lokalizacja nie jest możliwe ");







 }









 Funkcja mia_posizione () {



  



 var lat = position.coords.latitude;



  



 var lon = position.coords.longitude;



  



 document.getElementById ('location') innerHTML = 'Twoja pozycja: ". + lat +', '+ lon;

  





 }

W treści strony nie tylko wstawić elementu z id "pozycji", w którym współrzędne użytkownika zostaną zapisane.

Aby zobaczyć przykład pracy kliknij tutaj .

Funkcja GetCurrentPosition ()

Jak można sprawdzić, czy Twoja przeglądarka obsługuje żył getCurrentPosition geolokalizacji nazwie function (), które w naszym przykładzie jeden argument jest przekazywana jako callback na sukces.
Właściwie to działa przyznaje trzy parametry:

• callback na sukces;
• Oddzwanianie w przypadku awarii;
• opcje:
  • enableHighAccuracy: prawda czy fałsz, to prośba o urządzenie, do miejsca o najwyższym poziomie dokładności (attivamndo, na przykład, urządzenia GPS);
  • timeout: maksymalny czas oczekiwania na wykrycie pozycji (w milisekundach);
  • maximumAge: maksymalny wiek, po którym wykrywania muszą być wykonywane śledzenie pozycji Nuvo;

Oto przykład użycia getCurrentPosition () z wszystkich trzech dozwolonych parametrów:

 



 navigator.geolocation.getCurrentPosition (



  



 success_callback, error_callback, {enableHighAccuracy: false});

 

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