Comment intégrer Google maps dans une page html ? publié le 18/01/2007  - mis à jour le 23/08/2018

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 .

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é (Flash de 144.2 ko)

Google maps dans une page html

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

Google maps dans une page html

Impression

  Imprimer
  L'article au format pdf

Auteur

 Christophe Hilairet

Partager

   

Dans la même rubrique

 Comment récupérer un flux RSS avec les navigateurs Firefox 2 ou 3 et Internet Explorer 7 ou 8 ?
 Comment intégrer Google maps dans une page html ?