GeoLocation - De locatie van de gebruiker

Wat is GeoLocation

Met de geolocation kan je, mits de browser dit ondersteund, de huidige GPS coordinaten ophalen van een gebruiker. Deze kan je vervolgens gebruiken om te berekenen hoever het (hemelsbreed) ergens naar toe is, of om een GPS-spelletje te maken.

Navigator interface

De meeste (bijna elke) webbrowser heeft tegenwoordig een Navigator interface. Deze interface verteld je heel veel dingen over de gebruiken, maar wij hebben hem maar voor 1 ding nodig op deze pagina namelijk de navigator.geolocation. Je moet wel altijd testen of deze bestaat. Op sommige devices bestaat de geolocation niet, en dan is je app stuk.

if (navigator.geolocation) {
    console.log(navigator.geolocation.getCurrentPosition(showPosition));
} else {
    alert("Geolocation wordt niet ondersteund op deze browsers");
}

function showPosition(position) {
    console.log(position);
}

De getCurrentPosition(<position>) functie voert de gekozen functie uit en stuurt de positie van de gebruiker mee (vandaar de naam position van de variabele in de functie. In de positie zit veel informatie, er zijn er twee die het meest praktisch zijn om te gebruiken namelijk de latitude en longtitude van de gebruiker.

function showPosition(position) {
    console.log('Latitude is ' + position.coords.latitude);
    console.log('Longtitude is ' + position.coords.longtitude);
}

Nadat je deze informatie hebt opgehaald kan je hem in combinatie met bijvoorbeeld de Googel Maps API gebruiken.