Géolocalisation HTML5
Géolocalisation HTML5
La géolocalisation HTML5 est utilisée pour localiser l'emplacement de l'utilisateur.
Localiser l'emplacement de l'utilisateur
L'API de géolocalisation HTML5 est utilisée pour obtenir l'emplacement géographique de l'utilisateur.
Étant donné que cette fonctionnalité peut violer la confidentialité des utilisateurs, les informations de localisation de l'utilisateur ne sont pas disponibles sans le consentement de l'utilisateur.
Prise en charge du navigateur
Internet Explorer 9+, Firefox, Chrome, Safari et Opera prennent en charge la géolocalisation.
Remarque : la géolocalisation n'est disponible que pour les appareils dotés d'un GPS, tels que l'iPhone, la géolocalisation est disponible plus précis.
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 de géolocalisation simple qui renvoie la longitude et la latitude de l'emplacement de l'utilisateur :
php中文网(php.cn) 点击按钮获取您当前坐标（可能需要比较长的时间获取）：
Exécutez le programme pour l'essayer
Exemple d'analyse :
Détectez si la géolocalisation est prise en charge
Si elle est prise en charge, exécutez la méthode getCurrentPosition(). S'il n'est pas pris en charge, un message s'affiche à l'intention de 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.
Gestion des erreurs et des rejets
Le deuxième paramètre de la méthode getCurrentPosition() est utilisé pour gérer les erreurs. Il spécifie la fonction à exécuter en cas d'échec de l'obtention de la localisation de l'utilisateur :
php中文网(php.cn) 点击按钮获取您当前坐标（可能需要比较长的时间获取）：
Exécutez le programme pour l'essayer
Code d'erreur :
Autorisation refusée - L'utilisateur n'autorise pas la géolocalisation
Position indisponible - Impossible d'obtenir la position actuelle
Délai d'expiration - L'opération a expiré
Afficher résultats sur la carte
Pour afficher les résultats sur la carte, vous devez accéder à un service de cartographie pouvant utiliser la latitude et la longitude, comme Google Maps ou Baidu Maps :
php中文网(php.cn) 点击按钮获取您当前坐标（可能需要比较长的时间获取）：
Exécutez le programme et essayez-le
Dans l'exemple ci-dessus, nous utilisons les données de latitude et de longitude renvoyées pour afficher l'emplacement dans Google Maps (en utilisant une image statique).
Exemple
Commentutiliser le script Google Maps pour afficher une carte interactive avec des marqueurs, des options de zoom et de glissement.
php中文网(php.cn) 点击按钮获取您当前坐标（可能需要比较长的时间获取）：
Exécutez le programme et essayez-le
Étant donné Informations de localisation
Cette page montre comment afficher la position de l'utilisateur sur la carte. Cependant, la géolocalisation est également utile pour obtenir des informations sur un emplacement donné.
Exemple :
Mettre à jour les informations locales
Afficher les points d'intérêt autour de l'utilisateur
Système de navigation automobile interactif (GPS)
Méthode getCurrentPosition() - renvoie les données
En cas de succès, la méthode getCurrentPosition() renvoie l'objet. Les propriétés de latitude, de longitude et de précision sont toujours renvoyées. Si disponibles, les autres propriétés suivantes sont renvoyées.
Description<><>
| < td width="193" valign="top" style="word-break: break-all; border-width: 1px; border-style: solid;"> <>
||||||||||
| coords.latitude | Latitude du nombre décimal | |||||||||
| coords.longitude | Nombre décimal Longitude | |||||||||
| coords . précision | Précision de la position | < / tr>|||||||||
| coords.altitude | < td width="193" valign="top" style="word-break: break-all; border-width: 1px; border-style: solid;">Altitude, en mètres au-dessus du niveau de la mer< /tr >
| coords.altitudeAccuracy | 位置的海拔精度 |
| coords.heading | 方向，从正北开始以度计 |
| coords.speed | 速度，以米/每秒计 |
| timestamp | 响应的日期/时间 |
Objet de géolocalisation
watchPosition() - Renvoie la position actuelle de l'utilisateur et continue de renvoyer la position mise à jour à mesure que l'utilisateur se déplace ( c'est-à-dire comme un GPS dans une voiture).
clearWatch() - Arrête la méthode watchPosition()
L'exemple suivant montre la méthode watchPosition(). Vous aurez besoin d'un appareil GPS précis pour tester cet exemple (comme un iPhone) :
php中文网(php.cn) 点击按钮获取您当前坐标（可能需要比较长的时间获取）：
![Combat réel Front-end Vue3 [projet vue manuscrit]](https://img.php.cn/upload/course/000/000/068/639b12e98e0b5441.png)
![Tutoriel APIPOST [Vulgarisation des concepts techniques liés à la communication réseau]](https://img.php.cn/upload/course/000/000/068/63996f34c6c94370.png)
