Données de départ :
On dispose d'une trace GPS (ou encore un journal) obtenue à partir d'un GPS de rando ou d'un smartphone ou encore d'un appareil photo disposant d'une puce GPS.
Objectif :
Réaliser un fichier KML (ou KMZ) amélioré, c'est-à-dire comportant des photographies ou des commentaires qui pourra être :
- - envoyé par courrier en pièce jointe;
- - intégré dans Google Earth;
- - intégré dans Google Maps;
- - intégré dans une API Google Maps.
La récupération d'une trace GPS ne pose généralement pas trop de problème. Avec un smartphone par exemple, il suffit de se l'envoyer par e-mail. Certains logiciels de GPS ne proposent pas toujours l'exportation au format KML ou KMZ qui est celui de Google. Il existe des moulinettes logicielles qui permettent de transformer tous les formats de fichiers GPS (Itinerary Converter Planner, par exemple).
Un fichier KML est un fichier XML particulier, popularisé par Google. C'est un fichier ASCII avec des balises qui sont généralement compréhensibles intuitivement. On peut l'ouvrir avec le bloc-notes ou Wordpad et le transformer à sa guise.
Un fichier KMZ est un fichier KML zippé, c'est-à-dire qui est compressé en une seule archive. L'avantage est que son poids est plus faible que le fichier KML correspondant. Il est illisible avec le bloc-notes. Les applications Google sont capables de les interpréter directement. Si on veut modifier le KMZ, il faut le dézippper (Winzip ou Winrar par exemple) auparavant, puis le rezipper.
Etape 1 : Relooker la trace
La trace brute peut être ouverte :
- Dans Google Earth : Fichier > Ouvrir
- Dans Google Maps : Mes Adresses > Créer une carte. Mettre un titre et une description, puis cliquer sur "importer". Choisir le fichier kmz ou kml récupéré du GPS.
Souvent cette trace présente des points farfelus liés à une mauvaise localisation du GPS. On peut supprimer ces points un par un avec l'éditeur de Google Maps. On peut aussi le faire directement en intervenant sur le code avec un éditeur de texte.
Etape 2 : Enlever les informations inutiles
Le GPS ou l'application smartphone ajoute souvent des informations publicitaires sur la marque. On peut les supprimer ou les modifier en intervenant directement sur le code.
Etape 3 : Ajouter des repères (ou placemarks)
Un repère est un point remarquable d'un circuit qu'on indique généralement sur la carte par :
Il existe une grande variété d'épingles proposées par Google Earth. Il suffit de cliquer sur l'épingle dans la boîte de dialogue pour faire apparaître d'autres modèles. On peut en modifier la taille (échelle), la couleur et l'opacité. On peut même choisir une icône personnalisée.
Le libellé (titre) peut être aussi ajusté en couleur, en taille et en opacité.
On peut ajouter plus de 230 repères, voici
la solution donnée par SuperPierrot :
1) Dans "mes adresses", clic gauche sur la carte pour laquelle on souhaite obtenir un affichage "optimisé" ;
2) Clic droit sur le lien "KLM" et choisir : "Copier l'adresse du lien" ;
3) Coller ce lien dans la barre de recherche Google Maps située juste au dessus (à gauche de la petite loupe bleue) ;
4) Clic sur la loupe bleue pour lancer la recherche ;
5) Clic sur l'icone "lien" (les maillons stylisés) et copier le nouveau lien obtenu ;
6) Pour obtenir
un lien qui affiche la carte en plein écran, rajouter à la fin du lien précédemment obtenu
&output=embed
Etape 4 : Ajouter des informations aux repères
Le passage du pointeur de la souris sur l'épingle fait réagir l'affichage de l'épingle et du libellé qui bougent et grossissent. Un clic sur l'épingle ouvre une boîte où s'affichent différentes informations que l'on aura rentrées auparavant :
- un commentaire textuel;
- une image;
- une vidéo;
- un lien vers une page web.
Intéressons nous à ces divers éléments et à la manière de les faire apparaître.
Cas d'une image
L'image doit impérativement être hébergée publiquement sur un serveur http et il faut connaître l'URL de cette image. Selon ses disponibilités, on choisira telle ou telle solution. Par exemple, on peut utiliser Picasa.
On créera à cet effet un album en accès public.
On double-clique sur la photo choisie de l'album. Celle-ci s'affiche seule en plus grand.
Cliquer sur l'icône représentant une terre "Accéder au site web associé à cette photo".
La photo s'affiche alors dans le navigateur.
Cliquer à droite sur l'image. Dans le menu : copier l'adresse de l'image.
Retourner dans Google Earth : Cliquer à droite sur l'épingle du repère. Ouvrir les propriétés du repère.
Cliquer sur "Insérer une image". Copier l'URL de l'image stockée dans le tampon.
Cliquer sur les deux OK.
On a intérêt à maîtriser la taille de l'image affichée en spécifiant sa largeur. Par exemple ajouter l'attribut "width=300px" dans la balise IMG.
Cas d'un commentaire audio sur un site
Ajouter dans la description ce code :
Cas d'une vidéo
Le cas le plus simple est celui d'une vidéo publique You Tube.
Il faut récupérer l'IFRAME de cette vidéo.
Dans You Tube sur la page de visualisation de la vidéo : Partager > Intégrer. Copier le code le l'IFRAME.
Coller ce code dans la partie commentaire du repère.
Pour un repère visible dans Google Maps, modifier le code HTML dans les propriétés du repère, par exemple :
et on ajoute un lien pour vois la vidéo en plein écran :
Pour voir la vidéo en plein écran, cliquer ici
Etape 5 : Récupérer le fichier KML modifié
Dans Google Earth, aller dans le panneau "Lieux".
Sélectionner le lieu. Cliquer à droite. Enregistrer le lieu sous.
Donner un titre au fichier et spécifier le format KMZ ou KML.
Voici le code définissant un repère (placemark) :
Etape 6 : Incorporer l'API sur son site Web
Ouvrir Google Maps.
Mes Adresses > Créer une carte.
Donner un titre et une description.
Cliquer sur "Importer".
Choisir le fichier KML ou KMZ.
Cliquer sur l'icône de lien (chaînon).
Copier l'IFRAME pour l'intégrer sur son site.
Etape 6 bis : Envoyer le lien vers la carte Google Maps
Même chose qu'à l'étape 6, sauf qu'au lieu de copier l'IFRAME, on récupère le lien vers la page web
(https://maps.google.fr/maps?q=http://maps.google.fr/maps/ ..........).
Pour obtenir un lien qui affiche la carte en
plein écran, rajouter à la fin du lien précédemment obtenu
&output=embed
Par exemple
:
https://maps.google.fr/maps/ms?msid=218194695826909860366.0004d07c01cf8ffdc927a&msa=0&ll=43.502371,6.042652&spn=0.008093,0.021136 &output=embed
Modifier les info-bulle
Cas de code pour afficher une info-bulle sur un repère Google Maps :
Liens vers des tutoriels
Tuto 1
Tuto 2
