Retourner à la page d'accueil de TJS

Méthode : navigator.geolocation.getCurrentPosition()

Demande la position de l'appareil de l'utilisateur et traite le retour

Syntaxe
Position navigator.geolocation.getCurrentPosition(Function succes [, Function erreur, JSON options])

Compatible tous navigateurs

Description
Demande la position de l'appareil de l'utilisateur avec les éventuels paramètres options et traite le retour par 2 fonctions.
La fonction succes est lancée avec en paramètre un objet de type Position lorsque le navigateur a obtenu la géolocalisation de l'utilisateur.
La fonction optionnelle erreur est lancée quand le navigateur n'a pas obtenu la position. Le cas le plus fréquent est que l'utilisateur a refusé de partager sa position.

Pour des raisons de sécurité, l'appel à getCurrentPosition() demande une autorisation à l'utilisateur. Chaque navigateur gère les autorisations et les demandes à sa manière.

Par exemple la demande de confirmation de recherche de la position sous Internet Explorer :
Exemple script navigator.geolocation.getCurrentPosition() dans la référence du JavaScript par ToutJavaScript.com

Toujours pour des raisons de sécurité, la plupart des navigateurs interdisent l'utilisation de geolocation en dehors d'un site sous https et retournera toujours une erreur d'autorisation (tant que TJS ne sera pas sur un domaine ssl).


Exemple 1 : Traitement de la position de l'utilisateur
Code source
<div class="btn radius btn-outline cursor-pointer" onclick="getMyPosition()">Obtenir la position</div>

<script type="text/javascript">
function getMyPosition() {
 console.log("Appel à getCurrentPosition()");
 
 window.navigator.geolocation.getCurrentPosition(function(position) {
   console.log("Position trouvée : Latitude="+position.coords.latitude+" Longitude="+position.coords.longitude);
   console.log(position.coords);
 }, function(error) {
   console.log("Erreur de géoloc N°"+error.code+" : "+error.message);
   console.log(error);
 });
}
</script>

Résultat
Obtenir la position
Emulation de la console
Explication
Cliquez sur le bouton pour lancer l'appel à getCurrentPosition().
Page mise à jour le

Mon nouveau livre Tout JavaScript chez Dunod

Tout JavaScript le livre chez DunodEn savoir plus
Sortie le 14 novembre 2019

Version papier à 29€90
Format électronique à 22€99.

Commandez en ligne

Chercher une fonction, un objet, ...

Le 05/07/2020 19:08:09 sur php7 en 30.12 ms