Pour un programmeur de développement Web, l'un des aspects les plus intéressants du travail de développement est d'obtenir des informations de localisation géographique; Imaginez-vous où les utilisateurs parcourent vos pages Web? Les programmeurs peuvent ajuster la langue du site Web, l'introduction spécifique des produits, etc. en fonction des informations de localisation géographique de l'utilisateur. Ce que nous allons démontrer ci-dessous, c'est obtenir des informations géographiques détaillées via l'API JavaScript Geolocation Information dans le navigateur!
Vérifiez si votre navigateur prend en charge l'API Geolocation
Actuellement, les navigateurs grand public ont une meilleure prise en charge de l'API JavaScript Geolocation Information. Mais si vous n'êtes pas à l'aise, la meilleure façon de confirmer le support de l'API d'informations sur la géolocalisation est de tester la fonction de fonctionnalité du navigateur.
if ("Geolocation" dans Navigator) {// w00t!} else {alert ("malheureusement! Votre navigateur ne prend pas en charge la fonctionnalité de Geolocation API");}Pour déterminer si le navigateur prend en charge l'API Geolocation, la chose la plus importante est de regarder l'objet Navigation.Geolocation, utilisez, plutôt que d'utiliser simplement if (Navigator.Geolocation). Ceci est très important, car ce dernier peut initialiser l'objet d'information sur la géolocalisation, occupant ainsi les ressources de dispositif.
Informations sur la localisation géographique de requête
La méthode Navigator.Geolocation.getCurrentPosition est l'interface la plus critique pour obtenir des informations de localisation détaillées:
if ("Geolocation" dans Navigator) {Navigator.Geolocation.getCurrentPosition (fonction (position) {console.log (position);});}Une fois que vous avez appelé cette méthode (si la demande réussit, elle exécutera la méthode de rappel que vous fournissez dans le paramètre), le navigateur demandera à l'utilisateur si le programme permet d'obtenir ses informations de géolocalisation.
Lorsque les utilisateurs exécutent une page Web pour obtenir leurs informations de localisation, le navigateur peut commencer à lire des informations géographiques. Il vous rendra un objet d'information de localisation. La structure de l'objet est essentiellement la suivante:
// "Position" Objet {Coordonnées: {"Coordonnées" Précision des objets: 65, Altitude: 294.4074401855469, AltuduaCuracy: 10, en-tête: -1, latitude: 43.01256284360166, Longitude: -89.44531987692744, Speed: -1}, Timrest: Timrest: Timrest: Timrest: Timrest: Timrest: Timrest: Timrest: Timrest. 1429722992094269}Si vous pensez que ces informations sur la localisation géographique (coordonnées géographiques de latitude et de longitude) ne sont pas suffisantes et veulent le pays ou la ville auxquels ces coordonnées géographiques appartiennent, vous devez appeler d'autres bases de données tierces - nous n'expliquerons pas en détail ici.
Cette API d'informations sur la géolocalisation est l'application API la plus courante dans de nombreuses applications mobiles. En tant que programmeur Web, ce devrait être une connaissance et une compétence que vous devez avoir. Heureusement, cette technologie est actuellement soutenue par tous les navigateurs populaires.
Ce qui précède concerne cet article, j'espère qu'il sera utile pour tout le monde d'apprendre la programmation JavaScript.