HTML5 - Geavanceerde geolocatie

De geolocatie Het stelt ons in staat om door middel van zijn coördinaten en andere gerelateerde gegevens te lokaliseren naar een systeem dat ons toestemming heeft gegeven om deze gegevens te delen.Als dit scenario zich voordoet, verloopt alles soepel en kunnen we zeggen dat we een basishandeling hebben uitgevoerd zonder enig ongemak.
Zoals bij al het andere, kan het echter voorkomen dat de locatie niet wordt gedeeld of dat er een fout optreedt, hiervoor hebben we enkele hulpmiddelen waarmee we deze problemen kunnen beheren.
Foutafhandeling
Om foutafhandeling te bereiken, geolocatie functie stelt ons in staat om een ​​tweede parameter door te geven, die we kunnen gebruiken om een ​​functie door te geven waarmee we kunnen vaststellen welke fouten zijn gedetecteerd.
Eigenschappen worden gedefinieerd door een object genaamd Positiefout, dit object is het object dat de eigenschappen bevat waarmee we kunnen weten welke fout is gegenereerd en op deze manier kunnen we ze gemakkelijk afhandelen.
Eigenschappen van positionerror-object
De eigenschappen die we zullen behandelen zijn de volgende:

• code: Deze eigenschap geeft een numerieke code aan die de fout vertegenwoordigt die is opgetreden bij het aanroepen van de geolocatiefunctie.
• bericht: Het geeft ons de beschrijving van het type fout dat optreedt, zodat we kunnen weten waar de code naar verwijst.

De fouten die we kunnen detecteren met behulp van dit object zijn de volgende:

• code 1: De gebruiker heeft niet ingestemd met het delen van de geolocatiegegevens met onze applicatie.
• code 2: Door een probleem kon de positie van het systeem niet worden bepaald op het moment van geolocatie.
• code 3: Het verzoek om geolocatiegegevens heeft erg lang geduurd, dus er is een time-out van de petitie.

In de praktijk brengen
Omdat we alles weten wat foutafhandeling vertegenwoordigt, weten we hoe het werkt en wat we kunnen verwachten bij het gebruik van deze tool, nu zullen we een code zien waarin we alles wat we tijdens de tutorial hebben gezien, in de praktijk brengen.
Eerst maken we een HTML-tabel waarin we de gegevens gaan plaatsen die we willen ontvangen en tonen, dan definiëren we de geolocatiefunctie en naast de locatiegegevens gaan we een foutafhandelingsfunctie genereren waarmee we toegang hebben tot de eigenschappen van het object Positiefout en we zullen dit ook in onze tabel laten zien.
Laten we de code eens bekijken:

 Voorbeeld 
 
 
Lengte:
-
 
Breedtegraad:
-
 

 
 
Hoogte:
-
 
Precisie:
-
 

 
 
Hoogtenauwkeurigheid:
-
 
Adres:
-
 

 
 
Snelheid:
-
 
Tijd:
-
 

 
 
Foutcode:
-
 
Foutmelding:
-
 

 

 

We hebben bewust geen toestemming gegeven voor het verzoek om de gegevens te delen, zodat we kunnen zien hoe we de fout ontvangen en tonen, laten we eens kijken hoe het eruit ziet in de volgende afbeelding:

Aan het einde van de tutorial hebben we geleerd dat we kunnen omgaan met fouten bij het gebruik van geolocatie en dus kunnen we de fout identificeren waar we onze pagina bijvoorbeeld andere inhoud kunnen laten weergeven of een persoonlijk bericht kunnen lanceren.Vond je deze Tutorial leuk en heb je eraan geholpen?Je kunt de auteur belonen door op deze knop te drukken om hem een ​​positief punt te geven