Scrollitelling

Une manière très immersive de raconter ue histoire ou d'écrire un article de journal.
Voici un lien

Mode off-line Google Maps

Petit rappel pour mettre en cache les cartes Google Maps. Cette astuce est surtout valable pour les smartphones lorsque aucune liaison téléphonique n'est possible.

En ligne sur sa box, centrez la carte sur la zone à sauvegarder.
Tapez dans le champ de recherche : ok maps.
Il ne vous reste qu'à valider la manipulation pour que la carte (intégrant tous les niveaux de zoom) soit mise en cache pour une utilisation hors-ligne.
Le cache reste valable pendant une courte période.

MapsEngine et l'importation de kml

Le nouveau créateur de cartes de Google, appelé Maps Engine, possède certaines qualités nouvelles, mais par rapport à la version ancienne, il ne permet pas l'importation de fichiers KML.
C'est bien dommage lorsqu'on veut par exemple importer une trace de randonnée réalisée avec un GPS. Seule l'importation de fichiers tableur CSV est autorisée. Alors que faire ?
La solution consiste à utiliser d'abord l'ancienne version et de créer avec celle-ci une nouvelle carte. On pourra ainsi importer un fichier KML. Cette carte est enregistrée.

Avec Maps Engine, on crée une nouvelle carte. On peut alors faire :
Importer > Mes Cartes.
Et choisir la carte faite avec l'ancienne version.

Mais le résultat n'est pas toujours à la hauteur de ce qu'on attendait :
- les infobulles sont minuscules et les photos incluses encore plus;
- les apostrophes sont remplacées par leur code.

Pour améliorer la présentation, on pourra :
- accoler un libellé explicite personnalisé,
- mettre des apostrophes correctes,
- inclure le lien vers la photo "Google Photo", en remplaçant la largeur par une largeur plus grande (exemple w1280).

L'exportation d'un KML et l'i-Frame ne sont pas clairement désignés sur Maps Engine : Il faut cliquer sur l'icône représentant un dossier pour faire apparaître ces options.

Réaliser manuellement une visite Google Earth

Ceci est une suite au précédent article. Voici un moyen de réaliser une visite comportant plusieurs points de cheminement. Au fil de la visite, on saute de point en point. A chaque point de cheminement, on fait une pause, au cours de laquelle une bulle est ouverte pendant un laps de temps puis refermée. Dans la bulle, on affiche un commentaire textuel et une image. Juste avant l'ouverture de chaque bulle, un commentaire audio est lancé.
On peut inclure un nombre quelconque de points de cheminement.
Le principe est d'écrire un fichier KML contenant l'ensemble des paramètres de la visite.

Conventions :
ID de chaque point "Reperex" (exemple Repere1),
nom de fichier-image de chaque point "imagex.jpg" (exemple image1.jpg),
nom du fichier sonore de chaque point "sonx.mp3" (exemple son1.mp3).

Le code de base est la succession des 5 parties suivantes qu'on modifiera selon les besoins.
**************************************************
Partie 1

<?xml version="1.0" encoding="UTF-8"?>
<kml xmlns="http://www.opengis.net/kml/2.2" xmlns:gx="http://www.google.com/kml/ext/2.2" xmlns:kml="http://www.opengis.net/kml/2.2" xmlns:atom="http://www.w3.org/2005/Atom">
<Document>
    <name>Nom_de_la_balade</name>
    <open>1</open>


    <Style id="s_epingle">
        <IconStyle>
            <scale>1.2</scale>
            <Icon>
                <href>http://maps.google.com/mapfiles/kml/shapes/placemark_circle.png</href>
            </Icon>
        </IconStyle>
        <ListStyle>
        </ListStyle>
    </Style>


    <Style id="s_epingle_hl">
        <IconStyle>
            <scale>1.2</scale>
            <Icon>
                <href>http://maps.google.com/mapfiles/kml/shapes/placemark_circle_highlight.png</href>
            </Icon>
        </IconStyle>
        <ListStyle>
        </ListStyle>
    </Style>


    <StyleMap id="m_epingle">
        <Pair>
            <key>normal</key>
            <styleUrl>#s_epingle</styleUrl>
        </Pair>
        <Pair>
            <key>highlight</key>
            <styleUrl>#s_epingle_hl0</styleUrl>
        </Pair>
    </StyleMap>



    <Folder>
        <name>Details</name>
        <open>1</open>

**************************************************
Partie 2

<Placemark id="Repere1">
            <name>1</name>
            <open>1</open>
            <description>

Commentaire dans la bulle
<![CDATA[<img src="image1.jpg"/>]]></description>
            <LookAt>
                <longitude>6.1027</longitude>
                <latitude>43.028</latitude>
                <altitude>0</altitude>
                <heading>0</heading>
                <tilt>0</tilt>
                <range>20000</range>
                <gx:altitudeMode>relativeToSeaFloor</gx:altitudeMode>
            </LookAt>
            <styleUrl>#m_epingle</styleUrl>
            <Point>
                <gx:drawOrder>1</gx:drawOrder>
                <coordinates>6.1027,43.028,0</coordinates>
            </Point>
        </Placemark>

**************************************************




Partie 3

<gx:Tour>
            <name>Double-cliquer ici pour la visite</name>
            <gx:Playlist>
                <gx:AnimatedUpdate>
                    <Update>
                        <targetHref></targetHref>
                        <Change>
                        <Placemark targetId="Repere1">
                        <gx:balloonVisibility>0</gx:balloonVisibility>
                        </Placemark></Change>
                    </Update>
                </gx:AnimatedUpdate>

***************************************************
Partie 4

                                <gx:Wait><gx:duration>2</gx:duration>
</gx:Wait>
                <gx:SoundCue>
                    <href>son1.mp3</href>
                </gx:SoundCue>


                <gx:FlyTo>
                    <gx:duration>15</gx:duration>
                    <gx:flyToMode>smooth</gx:flyToMode>
                    <LookAt>
                        <gx:horizFov>59.99999999999999</gx:horizFov>
                        <longitude>6.1027</longitude>
                        <latitude>43.028</latitude>
                        <altitude>0</altitude>
                        <heading>0</heading>
                        <tilt>0</tilt>
                        <range>1000</range>
                        <gx:altitudeMode>relativeToSeaFloor</gx:altitudeMode>
                    </LookAt>
                </gx:FlyTo>
                <gx:AnimatedUpdate>
                    <Update>
                        <targetHref></targetHref>
                        <Change>
                        <Placemark targetId="Repere1">
                        <gx:balloonVisibility>1</gx:balloonVisibility>
                        </Placemark>
                        </Change>
                    </Update>

                </gx:AnimatedUpdate>

                <gx:Wait><gx:duration>4</gx:duration>
</gx:Wait>
                <gx:AnimatedUpdate>
                    <Update>
                        <targetHref></targetHref>
                        <Change>
                        <Placemark targetId="Repere1">
                        <gx:balloonVisibility>0</gx:balloonVisibility>
                        </Placemark>
                        </Change>
                    </Update>
                </gx:AnimatedUpdate>

**************************************************
Partie 5

</gx:Playlist>
        </gx:Tour>
    </Folder>
</Document>
</kml>

******************************************* *******

A chaque point de cheminement supplémentaire, il faudra ajouter les parties 2 et 4 modifiées.
Le code final est enregistré au format texte dans un fichier suffixé .kml (exemple doc.kml).
Tous les fichiers :
image1.jpg, image2.jpg, image3.jpg ...
son1.mp3, son2.mp3, son3.mp3 ...
le fichier kml (doc.kml)...
sont enregistrés dans un dossier unique (exemple : MaVisite).

On ouvre alors le fichier KML dans Google Earth.
On vérifie que la visite se déroule de manière satisfaisante.

Il suffit alors d'enregistrer le lieu sous un fichier de format KMZ (exemple MaVisite.kmz).

Ce fichier KMZ (= archive zippée) peut être transmise à un autre utilisateur qui l'ouvrira dans Google Earth.

Réaliser une visite Google Earth avec commentaire audio

Voici une procédure de création d'une visite ayant pour support Google Earth.
L'objectif est de réaliser un fichier kmz intégrant tous les éléments nécessaires à la compréhension et accomplissant une progression par étapes, depuis le départ jusqu'à l'arrivée.
Chaque étape comporte des actions dynamiques :

• des mouvements de caméra, visualisant le parcours comme vu d'un avion,
• un commentaire audio se déroulant tout au long de l'étape,
• des repères qui ouvrent un conteneur photographique.

Le fichier kmz produit est un fichier autonome, que l'on pourra diffuser par courrier ou par téléchargement. Il englobe les fichiers-image et les fichiers-son, à la différence d'un fichier kml qui ne peut adresser que des fichiers hébergés sur un serveur.

Voici la procédure :

Dans Google Earth :

1) Dans "lieux temporaires", créer un dossier "visite",
2) Placez-y tous les repères et toutes les traces qui sont décrits dans la visite. Par exemple, on pourra importer un fichier kml résultant d'une balade sur le terrain. Pour chaque repère, vous composez un commentaire textuel (propriétés du repère) et vous insérez une image bidon dont l'URL est récupéré sur le web.
3) Découpez logiquement  la visite en étapes
4) Pour chaque étape, créez une visite en cliquant sur l'icône "caméra". Il faut déclencher d'abord un premier mouvement de caméra avec la souris. On débute ensuite un enregistrement vocal bidon, en cliquant sur l'icône "microphone". Au passage sur un repère, on l'ouvre pour faire apparaître le commentaire textuel et l'image. Avant la fin de l'étape, on effectue un dernier mouvement de caméra, puis on arrête l'enregistrement vocal en cliquant sur le point rouge. On sauvegarde en cliquant sur l'icône "disque". Donnez par exemple les noms : etape1, etape2, etape3,..
5) Sauvegardez le dossier "visite" sous forme d'un fichier kmz. Appelez-le par exemple "visite.kmz".

Dans Windows :

1) Le fichier "visite.kmz" est un fichier zippé. A l'aide d'un dézippeur (Winzip, par exemple), on le dézippe, ce qui donne un dossier avec son arborescence.
2) Le dossier comporte :

• un fichier "doc.kml"
• un dossier  "files" qui contient les fichiers sonores MP3, avec des noms barbares (~GEFRS.mp3 par exemple).

3) Dans le dossier "files", créez 2 sous-dossiers "audio" et "image" (ou avec un autre nom bien sûr).
4) A ce stade, il vous faut créer, si vous ne l'avez pas encore fait :

• les images accompagnant les repères  (image1.jpg, image2.jpg, image3.jpg, ..),

• les commentaires sonores ou les bruits (audio1.mp3, audio2.mp3, audio3.mp3,..) correspondant à chaque étape, et qu'on aura travaillé avec une application de traitement audio (par ex : Audacity).

5) Glissez les fichiers-audio dans le sous-dossier "audio" et glissez les fichiers-image dans le sous-dossier "image".

Dans Google Earth :

Modifier l'URL externe bidon des images correspondant à chaque repère. Dans les propriétés, cela devient une URL relative interne, ayant la forme :
files/image/xxxx.jpg

Dans Windows :

1) Avec un éditeur de texte (WordPad par exemple, ouvrir le fichier "doc.kml".
2) Remplacer les fichiers MP3 temporaires (~GEFRS.mp3) par les fichiers définitifs (audio1.mp3, audio2.mp3,..).
3) Sauvegarder le fichier "doc.kml"

Dans Google Earth :

1) Vider les lieux temporaires
2) Glissez-y le fichier "doc.kml"
3) Sauvegarder la visite sous le format kmz, par exemple "visite.kmz".

Travail terminal

Il reste à visualiser la visite dans Google Earth.
Les temporisations auront sans doute à être modifiées dans le code du fichier "doc.kml"