Le meilleur didacticiel HTML5 géolocalisation en 2024, dans ce didacticiel, vous pouvez apprendre Repérez la position de l'utilisateur,support du navigateur,HTML5 - Utilisation de ciblage géographique,Exemples,Gestion des erreurs et rejeté,Exemples,Afficher les résultats sur une carte,Exemples,Pour l'information étant donné l'emplacement,getCurrentPosition () Méthode - Les données de retour,objet Géolocalisation - autres méthodes intéressantes,Exemples,
HTML5 Géolocalisation (géolocalisation) utilisé pour localiser l'emplacement de l'utilisateur.
HTML5 Géolocalisation API pour obtenir l'emplacement de l'utilisateur.
Compte tenu de cette caractéristique peut violer la vie privée des utilisateurs, sauf si l'utilisateur en décide autrement, les informations de localisation de l'utilisateur ne sont pas disponibles.
Internet Explorer 9+, Firefox, Chrome, Safari et Opera soutien Géolocalisation (situation géographique).
Note: Géolocalisation (géolocalisation) Pour les appareils avec GPS, tels que l' iPhone, géolocalisation plus précis.
Utiliser la méthode getCurrentPosition () pour obtenir l'emplacement de l'utilisateur.
L'exemple suivant est une instance de géolocalisation simple, l'utilisateur peut revenir à la latitude de l'emplacement et la longitude:
Des exemples d'analyse:
L'exemple ci-dessus est une manipulation sans erreur de script de géolocalisation très basique.
La méthode deuxième paramètre getCurrentPosition () pour les erreurs de manipulation. Il précise lorsque la fonction get à exécuter lorsque l'emplacement de l'utilisateur a échoué:
Code d'erreur:
Pour afficher les résultats dans une carte, vous avez besoin d'accès peut utiliser la latitude et la longitude de services cartographiques, tels que Google Maps ou Baidu carte:
Dans l'exemple ci-dessus, nous utilisons les données de latitude et de longitude retournées par la position d'affichage (en utilisant des images statiques) sur Google Maps.
script de Google Maps
Le lien ci-dessus montre comment utiliser un script pour afficher une carte interactive avec un marqueur, le zoom et les options de glissement.
Cette page montre comment afficher l'emplacement de l'utilisateur sur une carte. Toutefois, les informations de géolocalisation pour un endroit donné est également très utile.
exemple:
T en cas de succès, la méthode getCurrentPosition () retourne un objet. Retourne toujours la latitude, la longitude et la précision des propriétés. Si elle est disponible, la propriété supplémentaire suivante est renvoyée.
属性 | 描述 |
---|---|
coords.latitude | 十进制数的纬度 |
coords.longitude | 十进制数的经度 |
coords.accuracy | 位置精度 |
coords.altitude | 海拔,海平面以上以米计 |
coords.altitudeAccuracy | 位置的海拔精度 |
coords.heading | 方向,从正北开始以度计 |
coords.speed | 速度,以米/每秒计 |
timestamp | 响应的日期/时间 |
watchPosition () - Retourne l'emplacement actuel de l'utilisateur, et de continuer à retourner la position mise à jour (comme le GPS sur une voiture) lorsque l'utilisateur se déplace.
méthode Stop watchPosition () - clearWatch ()
L'exemple suivant illustre la méthode watchPosition (). Vous avez besoin d'un dispositif GPS précis pour tester les cas (comme l'iPhone):