Géolocalisation HTML5

Géolocalisation HTML5

Localiser l'emplacement de l'utilisateur (Apprentissage recommandé : tutoriel HTML)

L'API de géolocalisation HTML5 est utilisée pour obtenir la localisation géographique de l'utilisateur.

Étant donné que cette fonctionnalité peut violer la vie privée de l'utilisateur, les informations de localisation de l'utilisateur ne sont pas disponibles, sauf accord de l'utilisateur.

Prise en charge des navigateurs

Internet Explorer 9, Firefox, Chrome, Safari et Opera prennent en charge la géolocalisation.

Remarque : La géolocalisation est plus précise pour les appareils dotés d'un GPS, comme l'iPhone.

HTML5 - Utilisation de la géolocalisation

Veuillez utiliser la méthode getCurrentPosition() pour obtenir la position de l'utilisateur.

L'exemple suivant est un exemple simple de géolocalisation qui renvoie la longitude et la latitude de l'emplacement de l'utilisateur.

Exemple

<script>
var x=document.getElementById("demo");
function getLocation()
  {
  if (navigator.geolocation)
    {
    navigator.geolocation.getCurrentPosition(showPosition);
    }
  else{x.innerHTML="Geolocation is not supported by this browser.";}
  }
function showPosition(position)
  {
  x.innerHTML="Latitude: " + position.coords.latitude +
  "<br />Longitude: " + position.coords.longitude;
  }
</script>

Exemple d'explication :

Détecter si la géolocalisation est prise en charge

Si prise en charge, alors Exécutez la méthode getCurrentPosition(). S’il n’est pas pris en charge, un message s’affiche à l’utilisateur.

Si getCurrentPosition() s'exécute avec succès, un objet coordonnées est renvoyé à la fonction spécifiée dans le paramètre showPosition

La fonction showPosition() obtient et affiche la longitude et la latitude

L'exemple ci-dessus est un script de géolocalisation très basique sans gestion des erreurs.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!