Cette fois je vous apporterai h5 pour obtenir la géolocalisation des utilisateurs. Quelles sont les précautions pour h5 pour obtenir la géolocalisation des utilisateurs. Voici des cas pratiques, jetons un oeil.
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, j'ai simplement. Le code est 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 la règle dans Chrome se trouve dans les paramètres, comme indiqué ci-dessous :
De plus, si l'utilisateur refuse, vous pouvez obtenir la latitude et la longitude en sélectionnant le IP. Généralement, l'erreur sera relativement importante.
ipip.net est un site Web qui peut obtenir des informations de localisation géographique via IP.
Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !
Lecture recommandée :
Téléchargement asynchrone de fichiers H5
Explication détaillée de l'utilisation de la base de données indexeddb
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!