HTML5 geopositioning
HTML5 Geolocation (geopositioning) usato per localizzare la posizione dell'utente.
Individuare la posizione dell'utente
HTML5 Geolocation API per ottenere la posizione dell'utente.
In vista di questa funzione può violare la privacy degli utenti, a meno che l'utente si impegna in caso contrario, le informazioni sulla posizione dell'utente non è disponibile.
Supporto per il browser
Internet Explorer 9+, Firefox, Chrome, Safari e Opera supporto geolocalizzazione (localizzazione geografica).
Nota: Geolocalizzazione (geopositioning) Per i dispositivi con GPS, come ad esempio iPhone, geopositioning più accurata.
HTML5 - Utilizzare targeting geografico
Utilizzare il metodo getCurrentPosition () per ottenere la posizione dell'utente.
L'esempio che segue è un semplice esempio di geolocalizzazione, l'utente può tornare alla latitudine e la longitudine posizione:
Esempi
Funzione getLocation ()
{
if (navigator.geolocation)
{
navigator.geolocation.getCurrentPosition (showPosition);
}
altro
{
x.innerHTML = "Questo browser non supporta il recupero della posizione.";
}
}
Funzione showPosition (posizione)
{
x.innerHTML = "Lat:" + + position.coords.latitude
"<br> Longitudine:" + position.coords.longitude;
}
Prova »
Esempi di analisi:
- E 'testato per geopositioning
- Se supportato, eseguire il metodo getCurrentPosition (). In caso contrario, viene visualizzato un messaggio all'utente.
- Se getCurrentPosition () ha esito positivo, la funzione per riportare i parametri specificati in un coordinate bersaglio showPosition
- showPosition () funzione recupera e visualizza la latitudine e longitudine
L'esempio di cui sopra è uno script geopositioning molto semplice, la gestione priva di errori.
Gestione degli errori e respinto
Il metodo secondo parametro getCurrentPosition () per la gestione degli errori. Si specifica quando la funzione get da eseguire quando la posizione dell'utente non riuscita:
Esempi
{
interruttore (error.code)
{
caso error.PERMISSION_DENIED:
x.innerHTML = "utente non ha voluto ottenere richiesta di posizione."
break;
caso error.POSITION_UNAVAILABLE:
x.innerHTML = "informazioni di posizione non è disponibile."
break;
caso error.TIMEOUT:
x.innerHTML = "posizione richiesta dell'utente scaduta."
break;
caso error.UNKNOWN_ERROR:
x.innerHTML = "Errore sconosciuto."
break;
}
}
Prova »
Codice di errore:
- Permesso negato - utente non è permesso geopositioning
- Posizione disponibile - Impossibile ottenere la posizione corrente
- Timeout - L'operazione è scaduta
Mostra risultati nella cartina
Per visualizzare i risultati in una mappa, è necessario l'accesso può utilizzare la latitudine e la longitudine di servizi cartografici, come Google Maps o Baidu mappa:
Esempi
{
var = LatLon position.coords.latitude + "," + position.coords.longitude;
var img_url = "http://maps.googleapis.com/maps/api/staticmap?center="
+ LatLon + "& zoom = 14 & size = 400x300 & sensore = false";
document.getElementById ( "portacartina") innerHTML = "<img src = '" + img_url + "'>" .;
}
Prova »
Nel precedente esempio, usiamo di latitudine e longitudine dei dati restituiti dalla posizione di visualizzazione (l'uso di immagini statiche) su Google Maps.
script di Google Maps
Il link qui sopra mostra come utilizzare uno script per visualizzare una mappa interattiva con un pennarello, zoom e le opzioni di trascinamento.
Per la posizione informazioni fornite
Questa pagina mostra come visualizzare la posizione dell'utente su una mappa. Tuttavia le informazioni di geolocalizzazione per un determinato luogo è anche molto utile.
esempio:
- Aggiornare le informazioni locali
- punti di visualizzazione di interesse attorno all'utente
- sistema interattivo di navigazione per auto (GPS)
getCurrentPosition) Metodo (- i dati di ritorno
T in caso di successo, il metodo getCurrentPosition () restituisce un oggetto. Restituisce sempre latitudine, longitudine e precisione le proprietà. Se disponibile, la seguente proprietà addizionale viene restituito.
| 属性 | 描述 |
|---|---|
| coords.latitude | 十进制数的纬度 |
| coords.longitude | 十进制数的经度 |
| coords.accuracy | 位置精度 |
| coords.altitude | 海拔，海平面以上以米计 |
| coords.altitudeAccuracy | 位置的海拔精度 |
| coords.heading | 方向，从正北开始以度计 |
| coords.speed | 速度，以米/每秒计 |
| timestamp | 响应的日期/时间 |
Geolocalizzazione oggetto - altri metodi interessanti
watchPosition () - Restituisce posizione corrente dell'utente, e continuano a restituire la posizione aggiornata (come il GPS su una macchina) quando l'utente sposta.
metodo Stop watchPosition () - clearWatch ()
L'esempio seguente mostra il metodo watchPosition (). È necessario disporre di un dispositivo GPS preciso per testare i casi (come ad esempio iPhone):
Esempi
Funzione getLocation ()
{
if (navigator.geolocation)
{
navigator.geolocation.watchPosition (showPosition);
}
altro
{
x.innerHTML = "Questo browser non supporta il recupero della posizione.";
}
}
Funzione showPosition (posizione)
{
x.innerHTML = "Lat:" + + position.coords.latitude
"<br> Longitudine:" + position.coords.longitude;
}
Prova »