✅ HTML5 - Géolocalisation | Développement 2024

Table des matières

Le API de géolocalisation ne fait pas partie de la norme de HTML5Cependant, il est étroitement lié puisque grâce à HTML5 nous pouvons plus facilement intégrer ses fonctionnalités.
La géolocalisation nous permet de localiser par coordonnées la position approximative du système ou de l'équipement à partir duquel l'utilisateur accède à la ressource, à la page ou au document Web où nous avons implémenté l'API.
Obtenir la position actuelle
C'est peut-être l'une des utilisations les plus utiles que nous puissions donner à cette API, car en nous permettant de localiser le terminal qui accède à nos pages, nous pouvons invoquer un contenu régional, peut-être proposer de la publicité plus efficacement ou simplement générer des statistiques par emplacement. manière plus directe sans dépendre de tiers.
Afin d'obtenir les coordonnées de localisation, nous dépendons de la méthode suivante :

getCurrentPosition (rappel, errorCallback, options)

Cette méthode obtient la position actuelle du système qui entre dans la page, elle n'est pas faite pour renvoyer directement un résultat, cependant nous pouvons lui passer une autre fonction où nous préparons les données avec ce que nous pouvons recevoir de la méthode.
Voyons le code suivant pour comprendre en partie comment implémenter cette fonctionnalité :

L'opération est simple, objet navigateur On vous dit que vous devez accéder à ses propriétés de géolocalisation, à commencer par la méthode obtenirPositionCurrent (), à cela nous passons une fonction comme argument qui est celui qui établit les différentes options qui doivent être initialisées et prendre leurs valeurs.
Autorisations de géolocalisation
Parce que cela peut être un peu invasif avec la vie privée des utilisateurs, lors de l'invocation des différents méthodes de géolocalisation Il est possible que le navigateur demande à l'utilisateur l'autorisation de transmettre sa position, nous ne pouvons donc pas obtenir toutes les données pour le moment avec cette API.
Selon l'appareil, l'API peut utiliser différentes ressources pour obtenir la position, elle peut utiliser le GPS intégré, les réseaux WI-FI, finalement elle peut utiliser l'adresse IP et grâce à elle établir la relation de notre fournisseur de services et donner une estimation de l'emplacement de l'utilisateur.
Exemple appliqué
Voyons le code dans le HTML Pour utiliser la méthode que nous avons décrite ci-dessus :

 Exemple 
 
 Longueur: -  Latitude: - 

 
 Altitude: -  Précision: - 

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

 
 La vitesse: -  Temps: -

Longueur:	-	Latitude:	-
Altitude:	-	Précision:	-
Précision de l'altitude :	-	Titre:	-
La vitesse:	-	Temps:	-

Maintenant, nous voyons comment le navigateur demande notre autorisation pour donner les données de notre emplacement :

En partageant les données, nous pourrons obtenir les résultats de l'utilisation de l'API.

Comme on peut le voir, on obtient des données assez utiles pour localiser l'emplacement de l'équipement qui accède à la ressource. Ici, vous pouvez continuer à lire la géolocalisation HTML5 avancéeAvez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif