Comment utiliser la géolocalisation lors du codage avec javascript

javascript auteurs de code doivent avoir une forme emprise sur la géolocalisation. L'API de Géolocalisation donne accès aux programmes de la fonctionnalité de géolocalisation du navigateur web, qui peut dire le programme de l'emplacement de l'appareil sur la Terre. L'API Géolocalisation est parmi les API HTML5 plus bien pris en charge et est mis en œuvre dans environ 90 pour cent des ordinateurs de bureau et les navigateurs mobiles, y compris tous les grands, sauf pour Opera Mini.

Qu'est-ce que la géolocalisation faire?

L'API de géolocalisation décrit comment javascript peut interagir avec le

navigator.geolocation objet afin d'obtenir des données sur la position actuelle d'un dispositif, y compris

• Latitude: La latitude en degrés décimaux

• Longitude: La longitude en degrés décimaux

• Altitude: L'altitude en mètres

• Rubrique: La direction du dispositif se déplace

• Vitesse: La vitesse du dispositif en mètres par seconde

• Précision: La précision de la latitude et de longitude, mesurée en mètres

En obtenant tout ou partie de ces données, une application javascript fonctionnant dans un navigateur Web peut placer un utilisateur sur une carte, sources de requêtes telles que Google Maps pour les repères ou les restaurants locaux à l'utilisateur, et bien plus encore.

Comment le travail de géolocalisation t-il?

Lorsque javascript initie une demande de la position des appareils, à travers la Géolocalisation objet, un certain nombre d'étapes ont lieu, avant les informations de position étant retourné.

La première chose qui puisse arriver est que le navigateur doit veiller à ce que l'utilisateur a donné son autorisation pour l'application web notamment d'accéder aux informations de géolocalisation de l'appareil. Différents navigateurs inviter l'utilisateur à la permission de différentes façons, mais il est généralement fait à travers une sorte de menu contextuel ou notification.

Le navigateur Chrome affiche une icône de géolocalisation et un message en dessous de la barre d'adresse quand un site demande l'accès à des données de géolocalisation.

Après vous donnez un accès au site à vos données de géolocalisation, le navigateur essaie de vous trouver. Il le fait à travers un certain nombre de moyens différents, en commençant par la plus précise et de procéder par le biais de moyens moins précises.

Si le programme indique que la haute précision est requise, la géolocalisation va passer plus de temps à essayer d'accéder aux informations GPS très précis. Sinon, le navigateur va tenter d'équilibrer la vitesse avec une précision d'obtenir des résultats plus précis de l'une des sources suivantes, lorsqu'elles sont disponibles:

• GPS de positionnement par satellite

• Votre connexion réseau sans fil

• Le tour de téléphonie cellulaire de votre téléphone ou appareil mobile est connecté à

• L'adresse IP de votre appareil ou ordinateur

Comment utilisez-vous la géolocalisation?

La clé pour utiliser la géolocalisation est la navigator.geolocation objet de getCurrentPosition Procédé. La getCurrentPosition méthode peut prendre trois arguments:

• succès: Une fonction de rappel qui est passé d'un Position objet lorsque la géolocalisation est réussie

• erreur: Une fonction de rappel option qui est passé de la Positionerror objet lorsque la géolocalisation échoue

• les options: En option, PositionOptions objet qui peut être utilisé pour contrôler plusieurs aspects de la façon dont la recherche de la géolocalisation est réalisée

La Position objet qui est retourné par la getCurrentPosition méthode contient deux propriétés:

• Position.coords: Contient une Coordonnées objet qui décrit l'emplacement

• Position.timestamp: Le temps où l'emplacement a été récupéré

Cet exemple montre comment vous pouvez utiliser le getCurrentPosition méthode pour obtenir la Position objet et boucle à travers les valeurs de retour dans Position.coords.

Si le dispositif d'exécuter ce code sur des supports géolocalisation et le navigateur peut déterminer votre position, les résultats de l'exécution de ce script doit ressembler à cela.

Positisur obje "width =" 535 "/>

Notez que plusieurs des propriétés de la Coordonnées objet sont tous nuls. En effet, il a été exécuté à l'aide d'un ordinateur de bureau qui n'a pas la capacité à obtenir certains de ces coordonnées. Le résultat de l'exécution du même script dans un navigateur mobile sur un smartphone:

Notez que les chiffres mobiles navigateur affiche pour l'altitude, mais cap et la vitesse sont encore nulle parce que le dispositif était stationnaire au moment où la page a été chargé.