Geolocalizare în HTML5. Tratarea erorilor și a respingerilor cu al doilea parametru al metodei getCurrentPosition(). Afișarea rezultatului într-o hartă cu Google Maps. Informații specifice locației.
Partajeaza in Google Classroom
Memorator: Descriere video Descarcă PDF
Al doilea parametru al metodei getCurrentPosition () este utilizat pentru a gestiona erorile. Specifică o funcție care trebuie executată dacă nu reușește să obțină locația utilizatorului:
Exemplu:
function showError(error) {
switch(error.code) {
case error.PERMISSION_DENIED:
x.innerHTML = "Utilizatorul a respins cererea de geolocalizare."
break;
case error.POSITION_UNAVAILABLE:
x.innerHTML = "Informațiile despre locație nu sunt disponibile."
break;
case error.TIMEOUT:
x.innerHTML = "Solicitarea de a obține locația utilizatorului a expirat."
break;
case error.UNKNOWN_ERROR:
x.innerHTML = "A apărut o eroare necunoscută."
break;
}
}
Afișarea rezultatului într-o hartă
Pentru a afișa rezultatul într-o hartă, aveți nevoie de acces la un serviciu de hartă, cum ar fi Google Maps.
În exemplul de mai jos, latitudinea și longitudinea returnate sunt utilizate pentru a afișa locația într-o hartă Google (folosind o imagine statică):
Exemplu:
function showPosition(position) {
var latlon = position.coords.latitude + "," + position.coords.longitude;
var img_url = "https://maps.googleapis.com/maps/api/staticmap?center=
"+latlon+"&zoom=14&size=400x300&sensor=false&key=YOUR_KEY";
document.getElementById("mapholder").innerHTML = "<img src='"+img_url+"'>";
}
Informații specifice locațieiAceastă pagină a demonstrat cum se arată poziția unui utilizator pe o hartă.
Geolocalizarea este de asemenea foarte utilă pentru informații specifice locației, cum ar fi:
- Informații locale actualizate.
- Afișare Puncte de interes în apropierea utilizatorului.
- Navigare rotativă (GPS).