[HTML|JS|CSS] HTML5: Geolocation

Geolokacja, a więc zdolność do określania położenia geograficznego  jest kolejną funkcjonalnością dostępną w HTML5. Długość i szerokość geograficzną urządzenia klienta uzyskuje się na różne sposoby zależnie od tego, co umożliwia urządzenie, z którego wysyłamy żądanie podania położenia:

• Adres IP
• Sieć WiFi
• Wbudowane urządzenie GPS
• Bluetooth MAC Address
• GSM/CDMA telefonu

Sposób określania położenia przekłada się na dokładność, z jaką podane nam zostaną nasze współrzędne geograficzne.

Poniżej przykład, jak w prosty sposób pobrać współrzędne:

$(function(){

 $('#getBtn').click(function(){
  navigator.geolocation.getCurrentPosition(callback,err);
 });
});

function callback(position){
 var coords = position.coords;
 $('#lat').val(coords.latitude);
 $('#lon').val(coords.longitude);
}
function err(){
 alert('An error occured');
}

Przed pierwszym pobraniem przeglądarka zapyta, czy zezwolić na pobieranie danych na temat współrzędnych.

API udostępnia kilka opcji, które możemy podać jako ostatnim argument:

• High Accuracy (bool, default:false) - może poprawić dokładność kosztem dłuższego oczekiwania
• Timeout (int [ms], default no value) - czas po którym strona ma zaprzestać obliczeń.
• Maximum Age (int[ms], default: 0) - w trybie ciągłego śledzenia położenia jest to czas, po którym ma się ponownie pobrać informacja o współrzędnych.