HTML5 - Géolocalisation avancée

La géolocalisation Il nous permet de localiser au moyen de ses coordonnées et d'autres données associées à un système qui nous a donné la permission de partager ces données. Lorsque ce scénario se produit, tout se déroule sans problème et nous pouvons dire que nous avons effectué une opération de base sans aucun inconvénient.
Cependant, comme pour tout le reste, il peut arriver que l'emplacement ne soit pas partagé ou qu'une erreur se produise, pour cela, nous avons des outils qui nous permettent de gérer ces problèmes.
La gestion des erreurs
Pour obtenir la gestion des erreurs fonction de géolocalisation nous permet de passer un deuxième paramètre, que nous pouvons utiliser pour passer une fonction qui nous permet d'établir quelles erreurs ont été détectées.
Les propriétés sont définies par un objet appelé Erreur de position, cet objet est celui qui contient les propriétés qui nous permettent de savoir quelle erreur a été générée et de cette manière nous pouvons en effectuer la manipulation pratique.
Propriétés de l'objet Positionerror
Les propriétés que nous allons traiter sont les suivantes :

• code: Cette propriété indique un code numérique qui représente l'erreur survenue lors de l'appel de la fonction de géolocalisation.
• un message: Il nous donne la description du type d'erreur qui se produit afin que nous puissions savoir à quoi le code fait référence.

Les erreurs que nous pouvons détecter à l'aide de cet objet sont les suivantes :

• code 1: L'utilisateur n'a pas accepté de partager les données de géolocalisation avec notre application.
• code 2: En raison d'un problème, la position du système n'a pas pu être déterminée au moment de la géolocalisation.
• code 3: La demande de données de géolocalisation a pris beaucoup de temps donc il y a eu un temps libre de la pétition.

Mettre en pratique
Connaissant tout ce que représente la gestion des erreurs, nous savons comment cela fonctionne et à quoi nous pouvons nous attendre lors de l'utilisation de cet outil, nous allons maintenant voir un code où nous mettons en pratique tout ce qui a été vu lors du didacticiel.
Nous allons d'abord faire un tableau HTML dans laquelle nous allons placer les données que nous voulons recevoir et afficher, puis nous définissons la fonction de géolocalisation et en plus des données de localisation, nous allons générer une fonction de gestion des erreurs qui nous permet d'accéder aux propriétés de l'objet Erreur de position et nous le montrerons également dans notre tableau.
Voyons le code :

 Exemple 
 
 
Longueur:
-
 
Latitude:
-
 

 
 
Altitude:
-
 
Précision:
-
 

 
 
Précision de l'altitude :
-
 
Adresse:
-
 

 
 
La vitesse:
-
 
Temps:
-
 

 
 
Code d'erreur:
-
 
Message d'erreur:
-
 

 

 

Nous avons délibérément refusé la permission à la demande de partager les données afin que nous puissions voir comment nous recevons et affichons l'erreur, voyons à quoi cela ressemble dans l'image suivante :

À la fin du tutoriel, nous avons appris que nous pouvons gérer les erreurs lors de l'utilisation de la géolocalisation et ainsi nous pouvons identifier l'erreur où nous pouvons faire en sorte que notre page affiche d'autres contenus par exemple ou lancer un message personnalisé.Avez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif