HTML5 - Geolocalizzazione avanzata

Sommario
Il geolocalizzazione Ci consente di localizzare tramite le sue coordinate e altri dati correlati a un sistema che ci ha dato il permesso di condividere tali dati.Quando si verifica questo scenario, tutto scorre senza intoppi e possiamo dire di aver svolto un'operazione di base senza alcun inconveniente.
Tuttavia, come tutto il resto, ci sono momenti in cui può accadere che la posizione non sia condivisa o che si verifichi un errore, per questo abbiamo alcuni strumenti che ci consentono di gestire questi problemi.
Gestione degli errori
Per ottenere la gestione degli errori, il funzione di geolocalizzazione ci permette di passare un secondo parametro, che possiamo usare per passare una funzione che ci permette di stabilire quali errori sono stati rilevati.
Le proprietà sono definite da un oggetto chiamato Errore di posizionamento, questo oggetto è quello che contiene le proprietà che ci permettono di sapere quale errore è stato generato e in questo modo possiamo effettuare la loro comoda gestione.
Proprietà dell'oggetto Positionerror
Le proprietà che tratteremo sono le seguenti:
  • codice: Questa proprietà indica un codice numerico che rappresenta l'errore che si è verificato durante il richiamo della funzione di geolocalizzazione.
  • Messaggio: Ci fornisce la descrizione del tipo di errore che si verifica in modo che possiamo sapere a cosa si riferisce il codice.
Gli errori che possiamo rilevare utilizzando questo oggetto sono i seguenti:
  • codice 1: L'utente non ha accettato di condividere i dati di geolocalizzazione con la nostra applicazione.
  • codice 2: A causa di qualche problema, non è stato possibile determinare la posizione del sistema al momento della geolocalizzazione.
  • codice 3: La richiesta di dati di geolocalizzazione ha richiesto molto tempo, quindi c'è stato un tempo scaduto della petizione.
Mettere in pratica
Sapendo tutto ciò che rappresenta la gestione degli errori, sappiamo come funziona e cosa possiamo aspettarci quando si utilizza questo strumento, ora vedremo un codice in cui mettiamo in pratica tutto ciò che è stato visto durante il tutorial.
Per prima cosa faremo un tabella HTML in cui inseriremo i dati che vogliamo ricevere e mostrare, quindi definiamo la funzione di geolocalizzazione e oltre ai dati sulla posizione genereremo una funzione di gestione degli errori che ci consente di accedere alle proprietà dell'oggetto Errore di posizionamento e lo mostreremo anche nella nostra tabella.
Vediamo il codice:
 Esempio 
Lunghezza:- Latitudine:-
Altitudine:- Precisione:-
Precisione dell'altitudine:- Indirizzo:-
Velocità:- Volta:-
Codice di errore:- Messaggio di errore:-

Abbiamo deliberatamente rifiutato l'autorizzazione alla richiesta di condivisione dei dati in modo da poter vedere come riceviamo e mostrare l'errore, vediamo come appare nell'immagine seguente:

Alla fine del tutorial abbiamo appreso che possiamo gestire gli errori durante l'utilizzo della geolocalizzazione e quindi possiamo identificare l'errore in cui possiamo far sì che la nostra pagina mostri altri contenuti, ad esempio, o lanci un messaggio personalizzato.Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo
wave wave wave wave wave