Comment combiner géolocalisation avec google maps lors du codage avec javascript

category Ordinateurs et logiciels / Programmation / Javascript

Une des choses les plus communes que les programmeurs javascript doivent faire avec les données de géolocalisation est d'afficher un emplacement sur une carte. Pour ce faire, vous devez d'abord obtenir la latitude et la longitude. Vous avez maintenant. Mais, comment tirez-vous de la carte et de savoir où sur la carte que latitude et la longitude? Cela, paraît-il, est la tâche ardue.

Heureusement, il ya des gens qui ont fait cela avant et qui ont créé une API pour interagir avec leur logiciel de cartographie. Le plus célèbre, Google rend leur logiciel de cartographie disponible gratuitement pour tous grâce à l'API Google Maps (même à des fins commerciales, dans la plupart des cas).

Pour utiliser l'API Google Maps, suivez ces étapes:

  1. Aller à la console Google API au http://code.google.com/apis/ console et connectez-vous avec votre compte Google.

  2. Après vous être connecté, vous pouvez être invité à accepter les termes d'utilisation- cas, cliquez sur Accepter.

  3. Cliquez sur le bouton Activer marqué une API.

    Votre écran affiche maintenant une liste d'API et une boîte de recherche Parcourir API.

  4. Dans la zone de recherche Parcourir API, tapez Google Maps API javascript v3.

    Le lien pour cette API apparaît.




  5. Cliquez sur le bouton qui indique OFF sous la rubrique d'état.

    Cette étape se ON de l'API.

    Après avoir activé l'API Google Maps javascript, d'un vert ON apparaît à côté de l'API.

    Activation de l'API Google Maps.
    Activation de l'API Google Maps.

  6. Cliquez sur le lien de vérification des pouvoirs sur la barre de navigation de gauche.

    Vous voyez l'écran d'accès API.

  7. Cliquez sur le lien intitulé Créer une nouvelle clé.

    L'Créer une boîte de dialogue Nouvelle clé apparaît.

  8. Cliquez clé de navigateur dans la nouvelle boîte de dialogue Créer une clé.

    Une boîte de dialogue contenant un champ de saisie de texte étiqueté accepte les demandes de ces Référents HTTP ouvre.

  9. Laissez la case d'entrée marqué accepte les demandes de ces référents HTTP vide et cliquez sur Créer.

    La boîte de dialogue se ferme, et votre clé API sera créé.

    Dans la section d'accès de l'API publique, vous trouvez maintenant une longue chaîne de lettres et chiffres à l'intérieur d'une touche marquée de boîte pour les applications de navigation. Ceci est votre clé API.

La clé API est tout ce que vous avez besoin d'avoir accès à toutes les grandes fonctionnalités de l'API Google Maps.

Maintenant que vous avez accès à l'API Google Maps javascript, il est temps de l'essayer. La page Web dans cet exemple obtient l'emplacement de votre ordinateur en utilisant le navigator.geolocation objet, puis passe à Google Maps pour obtenir une carte.

Cartographie de votre emplacement

Pour ce script pour fonctionner correctement, vous devez remplacer le YOUR_API_KEY de texte avec la clé API que vous avez obtenu à partir de Google.

Découvrez les résultats de l'exécution de ce code dans un navigateur.

Trouver vous-même.
Trouver vous-même.
Articles Similaires

A propos Auteur
Samsung Galaxy Tab: comment mettre en place un compte Google Samsung Galaxy Tab: comment mettre en place un compte Google

La configuration initiale de la Galaxy Tab fonctionne mieux lorsque vous avez déjà un Google ou Gmail, compte sur Internet. Si vous avez besoin de créer un compte Google, suivez ces instructions pour terminer le processus d'installation.Pour…

Pour les aînés: ajouter des signets pour ipad de Google Maps Pour les aînés: ajouter des signets pour ipad de Google Maps

Dans Google Maps sur iPad 2, un signet offre un moyen de sauver une destination permanente. Les signets vous permettent de trouver rapidement vos endroits préférés, encore et encore.Pour ajouter un signet à un emplacement, vous devez d'abord…

Pour les aînés: changer de vue dans les cartes google iPad Pour les aînés: changer de vue dans les cartes google iPad

Google Maps est inclus avec l'iPad 2. L'application Maps propose quatre vues: Classic, Satellite, Hybrid et relief. Changement de la vue pour voir dans Maps aussi souvent que vous le souhaitez. Par ailleurs, iPad affiche la vue classique, par…

Pour les aînés: afficher l'emplacement actuel avec les cartes google iPad Pour les aînés: afficher l'emplacement actuel avec les cartes google iPad

L'application Google Maps est préinstallé sur l'iPad 2. Avec Google Maps, vous pouvez afficher votre position actuelle et de découvrir ce que les entreprises sont à proximité. Utilisation de votre emplacement actuel, l'application Maps peut…

Pour les aînés: partager un emplacement avec Google Maps ipad 2 Pour les aînés: partager un emplacement avec Google Maps ipad 2

Google Maps sur iPad 2 vous permet de localiser rapidement des maisons, des entreprises, ou des repères. Partager les informations que vous trouvez par e-mail afin que vos amis et collègues ne devront pas regarder vers le haut aussi bien.Par…

Pour les aînés: l'utilisation niveau de la rue dans Google Maps sur iPad Pour les aînés: l'utilisation niveau de la rue dans Google Maps sur iPad

La vue Street Level dans Google Maps sur iPad 2 offre des images réalistes avec une vue sur la rue réglable à 360 degrés de lieux vous recherchez. Avec Maps, vous pouvez rechercher une maison, entreprise, ou l'emplacement de point de repère et…

Pour les aînés: utiliser la boussole dans les cartes google iPad Pour les aînés: utiliser la boussole dans les cartes google iPad

Google Maps pour iPad 2 comprend une boussole vous pouvez utiliser pour vous orienter avec la carte. En utilisant Compass est un peu comme la rotation d'une carte papier dans vos mains, afin d'orienter correctement avec votre position réelle.La…

Pour les aînés: trouver un endroit avec les cartes google iPad Pour les aînés: trouver un endroit avec les cartes google iPad

Google Maps est inclus avec l'iPad 2. Avec Maps, vous pouvez rechercher une entreprise, adresse de rue spécifique, ou un point de repère tels que l'Empire State Building. Agrandir1Avec des cartes ouvertes, appuyez dans le champ de recherche.Le…

Pour les aînés: obtenir les directions à l'aide des cartes Google iPad Pour les aînés: obtenir les directions à l'aide des cartes Google iPad

Utilisation de Google Maps pour iPad, vous pouvez obtenir les directions à un endroit rapidement. Indications dans Maps apparaissent comme une ligne, marquant le chemin le plus rapide d'un endroit à un autre, en utilisant la méthode choisie de…

Pour les personnes âgées: l'emplacement des broches dans les cartes google iPad Pour les personnes âgées: l'emplacement des broches dans les cartes google iPad

Google Maps pour iPad vous permet de PIN (marque) endroits sur sa carte, tels que votre position actuelle ou une adresse particulière, monument, ou d'affaires. Emplacements des broches que vous voulez être en mesure de trouver rapidement.En plus…

Pour les aînés: affichage des informations de localisation dans les cartes google iPad Pour les aînés: affichage des informations de localisation dans les cartes google iPad

iPad 2 comprend l'application Google Maps. Utilisez-le pour lookup directions, adresses, numéros de téléphone, et les pages web pour les maisons, les entreprises, et des monuments. Carte vous permet également d'ajouter rapidement les adresses et…

Comment intégrer une carte Google avec iframe Comment intégrer une carte Google avec iframe

Avez-vous une entreprise que vous voulez que les gens à trouver? Si oui, l'intégration d'une carte Google dans votre site avec iFrame rend si facile.L'astuce pour intégrer le contenu est pour trouver le contenu qui peut être intégré dans votre…

Comment apparaître dans les résultats de recherche locale sur Google Comment apparaître dans les résultats de recherche locale sur Google

Tout comme le principal index de recherche Google, Google Local est le plus populaire moteur de recherche vertical locale là-bas. Envoi de votre site à Google Local vous permet d'afficher pour les requêtes locales, apparaître sur Google Maps…

Extensions Joomla de publier vos événements et diriger les gens vers les Extensions Joomla de publier vos événements et diriger les gens vers les

Joomla extensions peuvent vous aider à publier un calendrier des événements que vous espérez vos visiteurs voudront y assister. Et, si elles le font, il ya une extension de fournir des orientations à l'endroit de l'événement, en supposant…

» » » » Comment combiner géolocalisation avec google maps lors du codage avec javascript