Intégration d'un projet Google Earth à votre site Web

L'outil Gadget Embed nécessaire pour effectuer ce didacticiel n'est plus disponible. Il est toujours possible d'intégrer des KML à l'aide de l'API Google Earth, mais notez que cette API sera abandonnée en décembre 2015. Prévoyez d'utiliser un autre outil pour héberger et partager vos données Google Earth sur le Web, par exemple My Maps, Tour Builder ou l'API Google Maps.

Vous pouvez intégrer votre projet Google Earth à votre site Web ou à votre blog à l'aide du gadget Embed KML ! Ce didacticiel va vous guider dans l'intégration d'un projet Google Earth à votre site Web ou à votre blog à l'aide du gadget Embed KML.

Dans le cadre de cet exercice, nous allons intégrer un projet Google Earth réalisé par Women for Women International. Vous pouvez également choisir votre exemple favori sur la page Vitrine et l'insérer dans le gadget.

Cette vidéo montre comment intégrer Google Earth à votre site Web ou blog (0:32).

Informations préalables

  • Aucune compétence en matière de programmation n'est requise !
  • Google Earth doit être installé sur votre ordinateur. Téléchargez la version la plus récente ici. (C'est gratuit.)

Commençons sans plus attendre

1. Ouvrez Google Earth.

2. Si vous souhaitez intégrer votre propre fichier KML Google Earth dans votre site Web, transférez-le sur votre serveur Web afin qu'il soit accessible en ligne. Vous pouvez aussi le transférer sur votre site Web ou utiliser d'autres pages Web telles que Google Sites. Pour apprendre à importer votre fichier KML dans Google Sites, consultez cet article du guide utilisateur. Pour plus d'informations sur l'enregistrement de vos fichiers KML ou KMZ, reportez-vous au didacticiel Intégration de contenu dans un fichier KMZ.

Utilisation du gadget Embed KML

1. Cliquez ici pour accéder au gadget Embed KML.

2. Sous Paramètres d'affichage, saisissez un nom pour la fenêtre d'intégration, définissez la taille de votre fenêtre Google Earth, puis choisissez une couleur pour le cadre.

3. Sous Paramètres du gadget, saisissez le lien URL vers le fichier KMZ en ligne. Dans le cadre de cet exemple, saisissez l'URL suivante :

http://earth.google.com/gallery/kmz/women_for_women.kmz

4. Sélectionnez un mode d'affichage (Google Earth ou Google Maps), puis indiquez la façon dont vous souhaitez que la carte intégrée soit chargée au départ. Indiquez également si vous voulez afficher les bâtiments 3D, les routes, les frontières et d'autres données.

5. Cliquez sur le bouton Obtenir le code.

6. Sélectionnez le code dans la partie inférieure du gadget Embed KML et copiez-le.

Utilisation du gadget Embed Tour

1. Cliquez ici pour accéder au gadget Embed Tour.

2. Sous Paramètres d'affichage, saisissez un nom pour la fenêtre d'intégration, définissez la taille de votre fenêtre Google Earth, puis choisissez une couleur pour le cadre.

3. Sous Paramètres du gadget, saisissez le lien URL vers le fichier KMZ (incluant une visite) en ligne. Pour cet exemple, saisissez l'URL suivante :

http://mw1.google.com/mw-earth-vectordb/blog/plugin_tours/lake_chad_tour.kmz

4. Sélectionnez un mode d'affichage (Google Earth ou Google Maps), puis indiquez la façon dont vous souhaitez que la carte intégrée soit chargée au départ. Indiquez également si vous voulez afficher les bâtiments 3D, les routes, les frontières et d'autres données.

5. Cliquez sur le bouton Obtenir le code.

6. Sélectionnez le code dans la partie inférieure du gadget Embed Tour et copiez-le.

Intégration de Google Earth dans un site Web

Dans le cadre de cet exemple, nous utilisons Blogger en tant que système d'hébergement en ligne. Si vous le souhaitez, vous pouvez utiliser d'autres services d'hébergement en ligne. N'oubliez pas : le meilleur emplacement pour intégrer une carte est votre site Web !

1. Accédez à blogger.com et connectez-vous via votre compte Google.

2. Créez un message, puis collez le code HTML du gadget Embed KML dans la fenêtre du message.

3. Cliquez sur Publier le message et affichez le blog. Si le plug-in Google Earth est installé sur votre ordinateur, votre projet Google Earth apparaît sur votre blog.

Voici un message de blog publié relatif au projet Google Earth Women for Women International créé à l'aide du gadget Embed KML :

Voici un message de blog publié relatif à la visite Google Earth sur le lac Tchad, émanant du PNUE et créé à l'aide du gadget Embed Tour :

Discussions et commentaires

Vous avez des questions à propos de ce didacticiel ? Vous aimeriez nous faire part de vos commentaires ? Rendez-vous sur le groupe de discussion Google Earth Solidarité pour partager vos commentaires.

Et maintenant ?