Obtenir l'emplacement actuel de l'utilisateur avec l'API de géolocalisation HTML5.

Lorsque vous utilisez l'API de géolocalisation HTML5 pour obtenir l'emplacement de l'utilisateur, vous devez d'abord obtenir l'autorisation de l'utilisateur et demander et expliquer l'objectif au bon moment; La méthode de base est Navigator.Geolocation.getCurrentPosition (), qui contient des rappels réussis, de mauvais rappels et des paramètres de configuration; Les raisons courantes de défaillance comprennent l'autorisation refusée, le navigateur non pris en charge, les problèmes de réseau, etc., des solutions alternatives et des invites claires doivent être fournies. Les suggestions spécifiques sont les suivantes: 1. Demande les autorisations lorsque l'opération utilisateur est déclenchée, comme cliquer sur le bouton; 2. Utiliser Activer Highgacuratie, Timeout, Maximum et d'autres paramètres pour optimiser l'effet de positionnement; 3. La gestion des erreurs doit distinguer différents codes d'erreur et donner des invites correspondantes; 4. Fournir d'autres moyens pour saisir manuellement l'emplacement pour améliorer l'expérience utilisateur.

L'obtention de l'emplacement actuel de l'utilisateur est la caractéristique de base de nombreuses applications Web modernes, telles que les prévisions météorologiques, la navigation cartographique ou les services basés sur la localisation. L'API Geolocation pour HTML5 fournit un moyen simple et simple de permettre aux sites Web de demander et d'obtenir des informations sur la géolocalisation des utilisateurs.

Cependant, bien que cette fonction soit facile à utiliser, elle a également ses limites et ses précautions. Jetons un coup d'œil à l'utiliser correctement du point de vue pratique.

Les utilisateurs doivent autoriser activement l'accès aux emplacements

L'API Geolocation est conçue pour obliger les utilisateurs à autoriser explicitement. Lorsque vous appelez navigator.geolocation.getCurrentPosition() , le navigateur apparaîtra dans une boîte rapide demandant à l'utilisateur si le site Web accédera à leur emplacement.

Si votre site Web demande fréquemment de ciblage des autorisations ou des demandes soudainement sans contexte, les utilisateurs peuvent rejeter ou même bloquer votre demande. Par conséquent, il est recommandé:

• Déclenchez une demande d'emplacement au bon moment , comme un bouton comme "Trouver un magasin à proximité" ou "Obtenez le temps actuel".
• Donnez d'abord une brève description pour expliquer à l'utilisateur pourquoi les informations de localisation sont nécessaires afin qu'ils soient plus disposés à autoriser.

Méthodes de base et paramètres pour obtenir des emplacements

L'API Geolocation fournit plusieurs méthodes de base, la plus couramment utilisée est getCurrentPosition() , qui accepte trois paramètres:

 Navigator.Geolocation.getCurrentPosition (
  SuccessCallback,
  errorCallback,
  options
));

• successCallback : La fonction de rappel exécutée après avoir réussi à obtenir la position, y compris la latitude et la longitude et d'autres informations.
• errorCallback : exécute si l'utilisateur refuse ou si l'appareil ne peut pas obtenir l'emplacement.
• options : des éléments de configuration facultatifs, tels que si la haute précision, le délai d'expiration et le temps de cache maximum sont activés.

Les configurations courantes sont les suivantes:

• enableHighAccuracy: true (activer le GPS et d'autres méthodes de positionnement de précision supérieure)
• timeout: 10000 (temps maximum pour attendre le positionnement, en millisecondes)
• maximumAge: 0 (le réglage sur 0 signifie que le cache n'est pas utilisé)

Causes courantes et suggestions de manutention pour un emplacement défaillard

Même si vous appelez correctement l'API, vous ne pourrez peut-être pas obtenir les données de localisation en douceur. Les causes de défaillance courantes comprennent:

• Demande d'autorisation rejetée par l'utilisateur
• Le navigateur ne prend pas en charge l'API de géolocalisation
• L'appareil n'a pas de connexion réseau ou le signal GPS est faible
• Réponse du délai d'expiration ou du service de localisation lent

Pour améliorer l'expérience utilisateur, vous pouvez faire ces choses:

• Vérifiez si le navigateur le prend en charge: if ("geolocation" in navigator)
• Donnez des invites d'erreur claires telles que "Impossible d'obtenir votre emplacement, veuillez vérifier le réseau ou réessayer plus tard"
• Fournit des alternatives aux emplacements d'entrée manuellement

Par exemple, dans le rappel d'erreur, vous pouvez écrire ceci:

 fonction errorCallback (erreur) {
  commutateur (error.code) {
    caser error.permission_denided:
      console.log ("l'utilisateur a rejeté la demande d'emplacement");
      casser;
    caser error.position_unavailable:
      console.log ("Les informations de localisation ne sont pas disponibles");
      casser;
    Erreur de cas.Timeout:
      Console.log ("Location Timeout");
      casser;
    défaut:
      console.log ("erreur inconnue");
  }
}

Fondamentalement, c'est tout. L'API Geolocation n'est pas compliquée à utiliser, mais pour le faire fonctionner de manière stable, il doit également prendre en compte les processus d'autorisation des utilisateurs, la gestion des erreurs et les différences de performances entre les différents appareils. Tant qu'il est utilisé raisonnablement, c'est un outil frontal très pratique.

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!