Comment obtenir la géolocalisation des utilisateurs dans h5

Cette fois, je vais vous montrer comment obtenir la géolocalisation des utilisateurs en utilisant h5, et comment obtenir la géolocalisation des utilisateurs en utilisant h5 ? Quelles sont les précautions pour h5 pour obtenir la géolocalisation des utilisateurs Ce qui suit est un cas pratique, regardons-y.

Dans un projet récent, il y a une fonction pour obtenir les commerçants environnants, qui nécessite l'utilisation d'un système de géolocalisation

J'ai donc pensé à utiliser la géolocalisation h5 et j'ai vérifié les informations. Finalement, le code est simplement encapsulé.

const getPosition = (
  timeout = 10000,
  maximumAge = 60000,
  enableHighAcuracy = false) => new Promise((resolve, reject) => {
  if (!navigator && !navigator.geolocation)  {
    return reject(new Error('geolocation api not supported'))
  }
 
  const success = (loc) => {
      const location = {
        latitude: loc.coords.latitude,  // 纬度
        longitude: loc.coords.longitude,  // 经度
        accuracy: loc.coords.accuracy // 精确度
      }
      resolve(location)
  }
 
  const error = () => reject('出错了')
 
  navigator.geolocation.getCurrentPosition(success, error, {
    enableHighAcuracy,  // 指示浏览器获取高精度的位置，默认为false
    timeout,  // 指定获取地理位置的超时时间，默认不限时，单位为毫秒
    maximumAge // 最长有效期，在重复获取地理位置时，此参数指定多久再次获取位置。
  })
})
 
// 使用示例
getPosition()
.then(pos => pos)
.catch(err => console.log(err))

L'API de h5 pour obtenir la localisation géographique est effectivement très utile, mais comme l'obtention de la localisation géographique de l'utilisateur relève de la vie privée de l'utilisateur, elle nécessite l'autorisation de l'utilisateur.

Que l'utilisateur refuse ou autorise l'autorisation, le site sera mis en cache par le navigateur, et l'utilisateur ne sera plus invité à le faire lors de sa prochaine visite, à moins que l'utilisateur ne le supprime manuellement la disposition. L'adresse pour supprimer les règles dans Chrome se trouve dans les paramètres.

De plus, si l'utilisateur refuse, vous pouvez obtenir la latitude et la longitude en sélectionnant ip. Généralement, l'erreur sera relativement importante

ipip.net est la localisation géographique d'un utilisateur qui peut être obtenu par ip Site d'information.

Je pense que vous maîtrisez les méthodes après avoir lu ces cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture connexe :

Comment implémenter l'adaptation mobile de h5

Comment utiliser localStorage et sessionStorage

Comment scanner le code avec le téléphone mobile H5

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!