Sommario
Il API di geolocalizzazione non fa parte dello standard di HTML5Tuttavia, è strettamente correlato poiché grazie a HTML5 possiamo incorporare più facilmente le sue funzionalità.Il geolocalizzazione ci consente di individuare tramite coordinate la posizione approssimativa del sistema o dell'apparecchiatura da cui l'utente accede alla risorsa, alla pagina o al documento Web in cui abbiamo implementato l'API.
Ottieni posizione attuale
Questo è forse uno degli usi più utili che possiamo dare a questa API, poiché permettendoci di localizzare il terminale che sta accedendo alle nostre pagine, possiamo richiamare contenuti regionali, magari offrire pubblicità in modo più efficace o semplicemente generare statistiche per località. un modo più diretto senza dipendere da terzi.
Per ottenere le coordinate della posizione dipendiamo dal seguente metodo:
getCurrentPosition (callback, errorCallback, opzioni)
Questo metodo ottiene la posizione corrente del sistema che sta entrando nella pagina, non è fatto per restituire direttamente un risultato, tuttavia possiamo passargli un'altra funzione dove prepariamo i dati con ciò che possiamo ricevere dal metodo.
Vediamo il codice seguente in modo da comprendere parte di come implementare questa funzionalità:
L'operazione è semplice, oggetto navigatore Ti diciamo che devi accedere alle sue proprietà di geolocalizzazione, a partire dal metodo getCurrentPosition (), a questo passiamo come argomento una funzione che è quella che stabilisce le diverse opzioni che devono essere inizializzate e prenderne i valori.
Permessi di geolocalizzazione
Perché questo può essere un po' invasivo con la privacy degli utenti, quando si invoca il diverso metodi di geolocalizzazione È possibile che il browser chieda all'utente il permesso di trasmettere la sua posizione, quindi potremmo non ottenere tutti i dati al momento con questa API.
A seconda del dispositivo, l'API può utilizzare diverse risorse per ottenere la posizione, può utilizzare il GPS integrato, le reti WI-FI, infine può utilizzare l'indirizzo IP e grazie ad esso stabilire il rapporto del nostro fornitore di servizi e fornire una stima della posizione dell'utente.
Esempio applicato
Vediamo il codice nel HTML Per utilizzare il metodo che abbiamo descritto sopra:
Esempio
| Lunghezza: | - | Latitudine: | - |
|---|---|---|---|
| Altitudine: | - | Precisione: | - |
| Precisione dell'altitudine: | - | Intestazione: | - |
| Velocità: | - | Volta: | - |
Ora vediamo come il browser richiede la nostra autorizzazione per fornire i dati della nostra posizione:
