Applications pour randonnées sur smartphone

Voici quelques indications pour aborder la rando (trekking) avec l'aide de son smartphone.
Les deux systèmes d'exploitation sur smartphone qui dominent sont iOS et Android. On trouve pour ces deux OS des applications gratuites ou payantes. Parfois, il existe une application "lite" gratuite qu'on peut upgrader en version complète payante.
Avec son smartphone, on cherche à remplacer le traditionnel GPS autonome (ou GPS de randonnée) qui est conçu comme un outil dédié. Le GPS autonome est généralement plus robuste qu'un smartphone.
Les smartphones actuels embarquent presque tous une puce A-GPS qui assure le positionnement par triangulation. Ces smartphones démarrent en prix à moins de 200 euros, ce qui équivaut en prix aux GPS autonomes.
Quelles fonctions recherche t-on ?

1) Trouver sa position actuelle repérée par ses coordonnées géographiques (latitude/longitude, coordonnées Lambert ..)
2) Afficher sa position actuelle sur un fond de carte topographique ou sur une image satellitaire ou aérienne.
3) Afficher sur l'écran le tracé que l'on a parcouru
4) Enregistrer le tracé, une fois la rando terminée
5) Afficher sur l'écran un tracé qu'une autre personne (ou soi-même) aura réalisé, pour s'en servir comme modèle.

Le plus délicat et le plus coûteux, c'est le point numéro 2.
Les bases cartographiques requièrent énormément de données à récolter et de travail de dessin. Elles coûtent très cher et sont protégées sévèrement par des droits juridiques.
Certaines applications ou GPS incluent parfois une base cartographique rudimentaire, mais pour obtenir des cartes précises à grande échelle, il faudra ouvrir les cordons de sa bourse. On achètera ainsi des "dalles" composées de "tuiles" auprès des offices cartographiques.

Quelles sont les applications les meilleures ?

Iphone gratuit :
MotionX-GPS lite,
Trails Lite GPS Tracker
m.geoportail.fr (ce n'est pas une appli mais le site web adapté aux smartphones).
Google Earth
View Ranger (tracés au format GPX, utiliser ITN Converter pour changer de format)

Iphone payant :
Easy Trails,
MotionX- GPS

Android gratuit :
Orux Maps (avec un petit don on peut augmenter ses performances)

ViewRanger

iPhigénie

Fatmap

Locus Map

Openrunner

Sitytrail

Map 3D pro

Pour éviter d'avoir sur son smartphone les données cartographiques, qui réclament beaucoup de mémoire, Google, Apple ou Microsoft (et d'autres..) permettent de télécharger en direct la zone en périphérie du point de positionnement. Bien entendu, il faut que le smartphone ait une connexion Edge ou 3G active pour que le téléchargement s'opère. Ceci a aussi un coût; heureusement la plupart des (bons) forfaits de téléphone mobile incluent un quota gratuit de transfert "data" d'au moins 2 Go, ce qui est largement suffisant pour nos besoins ordinaires.

Pour afficher le profil altimétrique d'une trace, utiliser GPS Visualizer (outil en-ligne)

Applications GPS avec cartographie embarquée (avec un mode hors ligne)

• Osmand - Android / Apple.
• Locus Map - Android.
• Orux Map - Android.
• Iphigénie - Android / Apple.
• Visorando - Android / Apple.
• Sitytrail - Android / Apple.
• Maps.Me - Android / Apple.
• Komoot - Android / Apple.

Osmand :

Une carte off-line pour OruxMaps

Créer une carte off-line pour OruxMaps
Quand on n'a pas de réseau sur son smartphone GPS.
Il faut préparer à l'avance une carte (photo aérienne, satellitaire, carte topo).
2 logiciels sont à prévoir : Photoshop et Orux Desktop.

1) Avec PhotoShop, créer un clip de carte à partir d'une copie d'écran.
 solution 1 : S'arranger pour que les angles sup-gauche et inf-droit soient sur des points remarquables (carrefour par exemple).
Le point sup-gauche a pour coordonnées 0 X, 0 Y
Le point inf-droit a pour coordonnées N X, M Y
Ces valeurs sont en pixels.
Sauvegarder en JPG, meilleure qualité.

solution 2 :  Choisir 2, 3 ou 4 points remarquables, si possible les plus éloignés les uns des autres et proches du bord de l'image. Relever la position X, Y de ces points (palette "informations", exprimer les unités en pixels).

NB : Pour assembler une carte à partir de clips élémentaires (au 1/7000 à l'écran), on peut utiliser le logiciel gratuit Microsoft ICE ou Photomerge sous Photoshop.

2) Avec Géoportail ou mieux avec Info-terre
Relever les latitudes/longitudes des deux points.
Simple avec Infoterre, les coordonnées sont affichées en bas de l'image pendant le survol du curseur et données au format DD.XXXXXX . Sur Géoportail, les coordonnées (choix sexagésimal ou décimal) sont affichées en cliquant sur le + en bas du curseur vertical.

3) Avec Orux Desktop
Reporter :
P1 : 0     0     longitude et latitude (format DD.XXXXXX)
P2 : N    M   longitude et latitude
Projection :  Flat Earth
Datum : WGS 84 (C'est celui utilisé sur Google Earth par exemple)
Donner un nom à la carte.
Donner un répertoire d'exportation.
cliquer sur "Convertir"
Un dossier est créé contenant deux fichiers : xxx.XML et xxxxx.DB.
Le  .db contient l'image et le .xml contient les données d'échelle et de positionnement.

4) Avec l'explorateur de fichiers, aller sur la SDCARD
Se mettre dans le répertoire orux/mapfiles.
Y mettre le dossier contenant les deux fichiers.

Normalement, à l'ouverture d'Orux sur le mobile. Vous cliquez sur l'icône "carte" en haut et à droite.
Demander une nouvelle carte "off-line".
Le nom de votre carte (nom du dossier déposé) doit apparaître.
Vous cliquez dessus pour l'installer.

___________________

Info : La version Géoportail pour téléphone mobile est disponible :

http://m.geoportail.fr

Bravo, mais bien sûr, il faut une connexion web sur le terrain pour l'utiliser.
_________________________

A lire sur l'application Mobile Atlas Creator (Mobac) :
http://www.onlinetri.com/phpBB2/viewtopic.php?f=4&t=48026&view=unread
__________________________

Se référer au manuel PDF d'Orux Maps 
_______________________

Pour les utilisateurs d'iphone qui n'ont pas d'Orux Maps, une application presque équivalente  :
Galileo Offline Maps

Préparer son itinéraire GPS

Un GPS, c'est bien sur le terrain pour se repérer.
Mais une bonne randonnée, ça se prépare d'abord sur une carte, ou mieux encore sur des cartes (chaque carte apportant ses propres informations). Des cartes, il en existe des versions classiques sur papier que vous trouvez dans les librairies spécialisées. Généralement, elles sont chères à l'achat. Plus une carte est particulière (par exemple, moi j'utilise des cartes géologiques), plus cette carte est chère.
Heureusement, il existe d'autres solutions et elles sont électroniques.
Alors, si vous optez pour cette solution, il vous faut 2 dispositifs :

• une connection Web sur un ordinateur,
• un GPS autonome récent (Magellan, Garmin,..) ou mieux un smartphone (iPhone ou Android) avec un logiciel de trekking (exemple Easy Trails ou gratos Mappy GPS).

Paré ?

La première partie du travail va consister à imaginer votre itinéraire sur une carte ou une photographie satellitaire. Vous avez à votre disposition 5  principales sources cartographiques :

1. - Google Maps (à partir de votre navigateur) ou l'application Google Earth (beaucoup plus complète);
2. - Géoportail, qui est le portail de l'IGN (à partir de votre navigateur),
3. - Info-terre, portail BRGM (à partir de votre navigateur);
4. - OpenStreetMaps (portail collaboratif open-source).
5. Geofoncier

Pour avoir accès à des fonctionnalités avancées de ces sources, il vaut mieux se créer un compte chez chacun d'eux. C'est gratuit pour les non-professionnels, alors n'hésitez pas.
Je vous laisse trouver leurs URL avec votre moteur de recherche.

Une fois que vous avez bien cogité votre circuit, vous allez passer à la phase de dessin de votre circuit (en langage GPS, c'est ce qu'on appelle une trace ou un tracé). Cette trace, vous allez la construire sur un fond de carte. Ici, vous avez le choix entre les cartes Google (Google Maps) et celles de l'IGN. Nous allons ici opter pour un fond de carte au 1/25 000ème IGN.
Pour cela, ouvrez votre navigateur et entrez l'adresse (l'URL) :

http://www.visugpx.com/editgpx/

Il s'agit d'une application en-ligne nommée EditGPX.
A droite, vous avez un onglet "cartes". Choisissez le fond de carte IGN.
Zoomez sur la région qui concerne votre tracé.
Prenez l'outil "crayon" en haut et à droite.
Tracez votre itinéraire.
A la fin, vous double-cliquez.
Vous sauvegardez en cliquant sur l'icône disquette. Acceptez OK.
Votre trace est sauvegardée au format GPX qui est un format très utilisé dans le monde des GPS.
Pour pouvoir l'exploiter sur Google Maps ou Google Earth, il vous faudra convertir le fichier au format KML. Certaines applications comme ITN Converter sur Windows (gratuit) le font très bien.
[une autre moulinette de conversion existe, en-ligne cette fois, c'est GPS Visualizer].
A ce stade, vous possédez donc deux fichiers  xxxx.gpx et xxxx.kml qui renseignent votre itinéraire de la même façon mais sous deux formats différents.

Dernière étape : transférer son tracé depuis l'ordinateur vers le GPS ou le smartphone.
Ici, chaque périphérique possède ses propres méthodes d'importation de tracé.  Renseignez-vous pour votre cas.
Pour l'iPhone et l'application Easy Trails, on effectue ce transfert par wi-fi (condivider).
Normalement, votre GPS vous affiche alors le tracé sur son fond de carte.

Bonne randonnée.
That'all folks ..

Au passage :
un convertisseur de coordonnées en-ligne  
comment avoir les coordonnées d'un point sur Google Maps : Appuyer sur la touche Shift (Majuscules)
Proxy permettant d'avoir Géoportail sur son Iphone : http://geobar.pureftpd.org

Générer un fichier KML à partir d'une feuille de calcul

Un outil dénommé

Spreadsheet Mapper 3 

est proposé par Google pour gérer ses repères sur une feuille de calcul et automatiquement construire un fichier kml exploitable dans Google Maps ou Google Earth.
Un tutoriel est fourni.
La feuille de calcul est manipulée dans Google Documents (tableur).

Tracé GPS sur carte géologique

Pour préparer un circuit géologique dans une région inconnue,
Pour visualiser un parcours sur une carte géologique.
Voici comment faire.
Il faut disposer de 2 fichiers kml :
l'un qui est celui du tracé GPS que l'on aura réalisé sur une carte Google Maps ou à partir du Géoportail IGN,
l'autre est le scan de la carte géologique distribué par le BRGM.

Pour récupérer la carte géologique du lieu, aller sur le site du BRGM :
 Données numériques > carte géologique > carte géologique à 1/50 000 > visualiser ma carte au format Google Earth > Enregistrer le fichier (BRGM.kml)
ou directement à la page :
 http://www.brgm.fr/Numerical_add.do

Ouvrir ce fichier avec Google Earth.

Ouvrir le fichier kml contenant le tracé GPS

Afficher les deux informations.
Sauvegarder le kmz.

Autre solution
Aller sur le site infoterre (site du BRGM aussi)

Bon topo explicatif sur Formaterre

Réaliser et publier des panoramas

On peut définir un panorama soit en terme de rapport dimensionnel ou d'angle de vision.

Une de smanières de réaliser un panorama est d'utiliser l'application Photomerge couplée à Adobe Photoshop. Pour y accèder :
Fichier/ Automatisation/ Photomerge.
Sélectionnez les fichiers images qui composent l'intégralité du panorama.
Choisissez la dispostion des images :

• auto
• perspective
• cylindrique
• sphérique
• collage
• repositionnement.

Cochez Fusion des images

Convertir un panorama en image Photosphere.
Aller sur la page Google : http://photo-sphere.appspot.com/


Publier pour intégration dans un site

closer.it
http://zoom.it/   : n'héberge pas mais intègre le panorama dans le blog.
http://photosynth.net/ : assemble les photos et fournit une iframe.

Le HTML des info-bulles Google Maps

Il y a différentes façons d'incorporer des cartes Google Maps sur son site.
On peut utiliser l'API Google Maps, mais cela n'est pas toujours commode ou possible.
Un autre façon est d'utiliser l'option "Mes adresses" de Google Maps. Vos cartes personnelles sont ainsi enregistrées chez Google et vous pouvez les intégrer directement dans votre site personnel. Il suffit pour cela de récupérer l'IFRAME que vous adresse Google et de copier le code HTML correspondant.
Il est intéressant de modifier chaque adresse en sauvegardant et en modifiant le code du fichier KML.
On récupère donc le fichier KML et on le modifie dans un éditeur de texte (Wordpad par exemple).

On peut ainsi définir :

• chaque style pour les épingles,


• le contenu affiché dans les info-bulles.
  
  • disposer les infos en tableau
  • changer la couleur du texte
• mette une vidéo au format vignette
• ouvrir un lecteur audio sur un commentaire parlé.
• afficher une imagette format timbre poste.

Je vais essayer de rassembler ici quelques informations pour modifier les info-bulles.
Voir les balises supportées dans Google Maps

 Introduire un tableau
 

 <description> <![CDATA[ <div style="height:150px;overflow:auto"> <table> <tr><td>Row 1</td><td>some data</td></tr> <tr><td>Row 2</td><td>some data</td></tr> <tr><td>Row 3</td><td>some data</td></tr> <tr><td>Row 4</td><td>some data</td></tr> <tr><td>Row 5</td><td>some data</td></tr> <tr><td>Row 6</td><td>some data</td></tr> <tr><td>Row 7</td><td>some data</td></tr> <tr><td>Row 8</td><td>some data</td></tr> <tr><td>Row 9</td><td>some data</td></tr> <tr><td>Row 10</td><td>some data</td></tr> <tr><td>Row 11</td><td>some data</td></tr> <tr><td>Row 12</td><td>some data</td></tr> <tr><td>Row 13</td><td>some data</td></tr> <tr><td>Row 14</td><td>some data</td></tr> <tr><td>Row 15</td><td>some data</td></tr> <tr><td>Row 16</td><td>some data</td></tr> <tr><td>Row 17</td><td>some data</td></tr> <tr><td>Row 18</td><td>some data</td></tr> <tr><td>Row 19</td><td>some data</td></tr> <tr><td>Row 20</td><td>some data</td></tr> <tr><td>Row 21</td><td>some data</td></tr> <tr><td>Row 22</td><td>some data</td></tr> <tr><td>Row 23</td><td>some data</td></tr> </table> </div> ]]> </description> ou donner une teinte verte à la grille du tableau : 

 <div style="height:150px;color:green; overflow:auto;"> <table border="2"> <tr><td>Row 1</td><td>some data</td></tr> <tr><td>Row 2</td><td>some data</td></tr> <tr><td>Row 22</td><td>some data</td></tr> <tr><td>Row 23</td><td>some data</td></tr> </table> </div>

ou limiter sa hauteur :

 <div style="max-height: 150px; overflow: auto">   <br>
ou introduire une bordure au tableau :

 <table border="2"> <tr><td>Row 1</td><td>some data</td></tr> <tr><td>Row 2</td><td>some data</td></tr> <tr><td>Row 22</td><td>some data</td></tr> <tr><td>Row 23</td><td>some data</td></tr> </table>

liste de balises compatibles :

<balloonstyle> partially only <text> is supported <coordinates> yes <data> yes <description> yes <east> yes <fill> yes <folder> yes <groundoverlay> yes cannot be rotated <h> yes deprecated <heading> yes <hotspot> yes <href> yes <icon> yes cannot be rotated <iconstyle> yes <kml> yes <latitude> yes <latlonaltbox> yes <latlonbox> yes <linearring> yes <linestring> yes <linestyle> yes <link> yes <lod> yes <longitude> yes <name> yes <north> yes <open> yes <outline> yes <placemark> yes <point> yes <polygon> yes <polystyle> yes <range> yes <region> yes <screenoverlay> yes cannot be rotated <size> yes <snippet> yes <style> yes <south> yes <text> yes <value> yes <width> yes

On peut disposer d'une gamme personnalisée d'épingles (pushpins). Dans ce cas l'ensemble des styles sont insérés au début du fichier KML. Voici par exemple des styles adaptés à un circuit nature:
style_photo
style_video
style_fossile

<style id="style_video"> <iconstyle> <icon> <href>http://maps.gstatic.com/mapfiles/ms2/micons/movies.png</href> </Icon> </IconStyle> </Style> <style id="style_paddle1"> <iconstyle> <icon> <href>http://http://maps.google.com/mapfiles/kml/paddle/1.png</href> </Icon> </IconStyle> </Style> <style id="style_photo"> <iconstyle> <icon> <href>http://maps.google.com/mapfiles/kml/shapes/camera.png</href> </Icon> </IconStyle> </Style> <style id="style_voiture"> <iconstyle> <icon> <href>http://maps.google.com/mapfiles/kml/shapes/cabs.png</href> </Icon> </IconStyle> </Style> <style id="style_drapeau"> <iconstyle> <icon> <href>http://maps.google.com/mapfiles/kml/shapes/flag.png</href> </Icon> </IconStyle> </Style> <style id="style_paddle_cercle_bleu"> <iconstyle> <icon> <href>http://maps.google.com/mapfiles/kml/paddle/blu-circle.png</href> </Icon> </IconStyle> </Style> <style id="style_info"> <iconstyle> <icon> <href>http://maps.google.com/mapfiles/kml/shapes/info-i.png</href> </Icon> </IconStyle> </Style> <style id="style_fossile"> <iconstyle> <icon> <href>http://craies.crihan.fr/wp-content/uploads/fossile.png</href> </Icon> </IconStyle> </Style>


Ajouter un lecteur "pseudo" audio You Tube, insèrer une iframe You Tube qui aura été réajustée comme ceci :

<iframe src="http://www.youtube.com/embed/xxxxxxxxxxxx" width="250" height="24" frameborder="0"></iframe>

Vous corrigez le code de la vidéo bien sûr. Auparavant, il faut mettre en ligne une vidéo You Tube sonorisée avec votre commentaire mp3 , basée sur une image fixe et exportée en toute petite taille (elle est inutile).
Seule la barre du lecteur You Tube apparaîtra dans l'info-bulle.
Voici un modèle général de contenu d'info-bulle :

<placemark> <name>2078</name> <snippet>Site</Snippet> <description> <![CDATA[<br>Ici se place un commentaire ordinaire<br> <br>A la suite un commentaire audio :<br> <iframe src="http://www.youtube.com/embed/UzpOxN1dYDs" width="250" height="24" frameborder="0"></iframe> <a href="http://craies.xxxx.fr/?page_id=11550" target="_blank">Page du site</a> <br>La video suivante est en 1080p. Ouvrez la en plein écran.<br>Sous-titres en anglais.<br><br> <iframe src="http://www.youtube.com/embed/ywtDxxxDVYA" width="320" height="180" frameborder="0"> </iframe> ]]> </description> <styleurl>#style_video</styleUrl> <point> <coordinates>0.346435,49.751030,0.000000</coordinates> </Point> </Placemark>


Autre exemple dans lequel on a mis dans la bulle :
- du texte coloré
- une police différente
- en italiques
- une vignette video 240 x 135 px
 <description> <![CDATA[<br> <div style="height:150px;font: 14px Arial;color:blue;font-weight: bold; overflow:auto;"> Début de la coupe : limite Turonien Coniacien<br> </div> <a href="http://craies.xxxx.fr/?page_id=11600" target="_blank">Page du site</a> <br>La video suivante est en 1080p. Ouvrez la en plein écran.<br> <iframe width="240" height="135" src="http://www.youtube.com/embed/-UoZQxxrhrI?rel=0" frameborder="0" ></iframe> </iframe> <div style="height:150px;font-style:italic;color:green;overflow:auto;"> avec commentaire audio </div> ]]> </description>

dssdd dsdsd