Accueil : Usages du numérique éducatif

article Comment intégrer Google maps dans une page html ?     -    publié le 18/01/2007    mis à jour le 07/04/2009

Cet article décrit la procédure d’intégration d’une carte Google dans un site web ou un blog.

Quelle démarche faut-il suivre ?

- Tout d’abord, il vous faut créer un compte google

- Puis obtenir une clé API, indispensable pour intégrer Google maps dans votre site

  • Se rendre en bas de la page
    • 1 : Cocher I have read and agree with the terms and conditions pour prouver que vous acceptez la licence API
    • 2 : Inscrire l’URL (adresse) de votre site. Le code API ne sera utilisable que pour les pages web de celui-ci
    • 3 : Cliquer sur Generate API Key pour obtenir votre clé API
Copie d'écran obtention d'une clé API

- Une page HTML est alors générée :

Elle comprend :

  • Votre code API
  • l’URL de votre site
  • Un exemple de code html (et javascript) pour intégrer google maps dans votre page web

Voir le tutoriel animé.

Mais cet exemple reste limité (ne permet que de centrer un lieu avec Google maps)

Voici le code utilisé pour les cartes des cinq réseaux ambition réussite au format pdf

- Documents joints

Google maps dans une page html

un document Le tutoriel animé (HTML de 731 octets)

Google maps dans une page html

Contact
Accessibilité
Mentions légales
RSS
Académie de Poitiers, Rectorat, 22 rue Guillaume VII le Troubadour BP 625 86022 Poitiers Cedex