Ski
Accueil > Articles > Matériel > Oruxmaps, IGN et Strava en composite

Heatmap Strava France
Heatmap Strava France
Oruxmaps - Strava Heatmap sur fond IGN
Oruxmaps - Strava Heatmap sur fond IGN
Web-Airdroid pour le transfert fichiers
Web-Airdroid pour le transfert fichiers
Heatmap Strava sans fond de carte (inexploitable)
Heatmap Strava sans fond de carte (inexploitable)
France IGN et maillage Strava
France IGN et maillage Strava
Overlay Strava et Multicartes Oruxmaps
Overlay Strava et Multicartes Oruxmaps
Heatmap Strava USA/EMEA
Heatmap Strava USA/EMEA

Oruxmaps, IGN et Strava en composite

Par Le ded, le 13.01.21

Introduction:
Cet article a pour but d'expliquer comment afficher GRATUITEMENT et LÉGALEMENT sur votre smartphone les cartes IGN 1/25000ème avec en superposition les traces GPX "vélo" de Strava.
Ces traces "vélo" (ride) sont visibles depuis un maillage sous Strava (dénommé Heatmap Strava). Seule la visualisation est possible jusqu'au zoom 300m.

Notez que Strava ne fait pas de distinction entre la route et le VTT.
Il est possible d'afficher toutes les traces Strava (both), course à pied (run) ou sport de neige (winter). Ce choix se fait dans le fichier xml d'Oruxmaps (voir ci après).
Pour visualiser légalement les cartes IGN, IGN-Géoservices met à disposition une clé publique "choisirgeoportail" qui peut être invalidée à tout moment. Sinon, il est possible d'obtenir une clé en faisant la demande au service concerné.


Pré-requis:
- Un smartphone (Android pour ma part)
- L'appli Oruxmaps (en téléchargement ici)
- Un forfait GSM permettant le chargement des cartes IGN en ligne (pour ma part, 50Go chez free)
- Une clé IGN personnelle, libre et gratuite
Nota: Si l'IGN a libéré des ressources, rien ne concerne les cartes IGN à l'heure actuelle. Il faut donc une clé pour accéder aux cartes en ligne.
- Un compte (gratuit) Strava
- Une connexion entre le smartphone et un ordinateur (pour ma part Web Airdroid) afin d'échanger les fichiers de configuration
- Airdroid est sur le GooglePlay
- Un ordinateur (pour ma part un PC sous windows 10) et un web-navigateur (Chrome)

Il y a 3 phases distinctes dans ce tuto:
I/ Récupérer une clé IGN et les données du cookie Strava
II/ Renseigner le fichier Oruxmaps en rajoutant les données récupérées
III/ Configurer l'interface d'Oruxmaps

Mise en condition:
1/ Oruxmaps
Pour les novices, la documentation se trouve ici

Phase I

2/ Demande de clé IGN
Prenez le temps de lire le contrat d'utilisation de la licence à titre gratuit

2 options:
Remplissez le Formulaire Géoservices complété de vos coordonnées (patronyme, adresse mail,...) et des données suivantes :
° Type de demande : création de clé de Géoservices
° Profil : particulier
° Bouquet : clé pour un site Web (WMTS et services de géocodage, itinéraire…)
° Type de sécurisation : Referer
° Valeur de sécurisation : : http://monsiteweb.fr,http://sousdomaine.monsiteweb.fr
° Type d’utilisateur : utilisateur final grand public
° Seuil de transaction : Moins de 2 000 000 de transactions
A réception de la demande, un 1er mail vous sera envoyé confirmant la commande et un peu plus tard (24h), un 2nd contenant la clé chiffrée à copier/coller dans Notepad

ou utilisez la clé publique "choisirgeoportail"

3/ Récupération du cookie Strava
L'affichage de la HeatMap Strava n'est possible qu'avec un compte connecté (gratuit ou abonné, peu importe).
Il faut récupérer l'ID de l'utilisateur pour activer cet affichage (sur Oruxmaps).
Il existe plusieurs solutions. Celle décrite ci dessous concerne Chrome sous PC windows 10, pour exemple
° se connecter (se logger) à la Heatmap Strava
° Aller dans les Paramètres de Chrome > Confidentialité et sécurité > Confidentialité et sécurité > Afficher l'ensemble des cookies et données de sites
° Rechercher le cookie "strava.com" et cliquer sur son nom
° Cliquer sur "CloudFront-Key-Pair-Id" et copier/coller les 2 valeurs "Nom" & "Contenu" dans Notepad
° Refaire la même manip que ci-dessus pour "CloudFront-Policy", "CloudFront-Signature" & "_gid"

Phase II

4/ Connexion entre le PC et le smartphone via Airdroid
° Lancer Web-Airdroid et se connecter sur le smartphone (pour ma part, depuis Chrome, j'accède à mon smartphone via http://192.168.0.12:8888/ car wifi smartphone/PC sont sur le même réseau/box) en acceptant la requête de connexion
° Télécharger (bouton Download ou Drag & Drop) le fichier onlinemapsources.xml placé sous Files/SD Card/oruxmaps/mapfiles
° Ne fermez pas la connexion

5/ Édition du fichier "onlinemapsources.xml" d'Oruxmaps
Cette modification du fichier source va permettre de renseigner oruxmaps sur les url IGN & Strava
° Ouvrir le fichier sous Notepad
° Descendre en fin de fichier
° Juste au dessus de la balise "</onlinemapsources>", copier/coller le bloc ci-dessous concernant l'IGN en ayant auparavant renseigné la clé chiffrée (VOTRE_CLÉ) reçue au §2/


<----- début de bloc ----->

<onlinemapsource uid="185">
<name>01 France Cartes IGN (FR)</name>
<url><![CDATA[https://wxs.ign.fr/choisirgeoportail/geoportail/wmts?LAYER=GEOGRAPHICALGRIDSYSTEMS.MAPS&FORMAT=image/jpeg&SERVICE=WMTS&
VERSION=1.0.0&REQUEST=GetTile&STYLE=normal&TILEMATRIXSET=PM&
TILEMATRIX=$z&TILEROW=$y&TILECOL=$x]]></url>
<minzoom>1</minzoom>
<maxzoom>17</maxzoom>
<projection>MERCATORESFERICA</projection>
<servers></servers>
<httpparam name="User-Agent">Mozilla/5.0 (Windows NT 5.1; rv:31.0) Gecko/20100101 Firefox/31.0</httpparam>
<cacheable>1</cacheable>
<downloadable>1</downloadable>
<maxtilesday>0</maxtilesday>
<maxthreads>0</maxthreads>
<xop></xop>
<yop></yop>
<zop></zop>
<qop></qop>
</onlinemapsource>


<----- fin de bloc ----->

° Juste au dessus de la balise "</onlinemapsources>" et donc en dessous du bloc "IGN", coller le bloc ci-après concenant la Heatmap Strava en ayant auparavant renseigné les diverses données récupérées du cookie (DATA_COOKIE) au §3/

<----- début de bloc ----->

<onlinemapsource uid="66">
<name>Strava Heatmap [cycling] (OVERLAY)</name>
<url><![CDATA[https://heatmap-external-c.strava.com/tiles-auth/ride/hot/$z/$x/$y.png?px=256]]></url>
<minzoom>6</minzoom>
<maxzoom>23</maxzoom>
<httpparam name="Cookie"><![CDATA["_gid=DATA_COOKIE;CloudFront-Key-Pair-Id=DATA_COOKIE;CloudFront-Policy=DATA_COOKIE;CloudFront-Signature=DATA_COOKIE"]]></httpparam>
<projection>MERCATORESFERICA</projection>
<servers></servers>
<cacheable>0</cacheable>
<downloadable>1</downloadable>
<maxtilesday>0</maxtilesday>
<maxthreads>0</maxthreads>
<xop></xop>
<yop></yop>
<zop></zop>
<qop></qop>
<sop></sop>
</onlinemapsource>


<----- fin de bloc ----->

° Sauvegardez le fichier
° Renommer le fichier du smartphone "onlinemapsources.xml" en "onlinemapsources.xmlold" via Web-Airdroid
° Copier/déplacer (Drag & Drop) le fichier modifié sous Files/SD Card/oruxmaps/mapfiles du smartphone
° Fermer la connexion Airdroid
Nota: La Heatmap Strava renseigne 4 activités (vélo, course à pieds, natation et sport de neige).
Dans l'adresse <url><![CDATA[https://heatmap-external-c.strava.com/tiles-auth/ride/hot/$z/$x/$y.png?px=256]]></url>, ride renseigne le vélo, run la course à pieds, winter les sports de neige et both toutes les activités.
hot renseigne la couleur mais on a aussi bleu, purple, ...
On trouve facilement cette information dans le panneau de configuration de la Heatmap Strava

Phase III

Cette phase finale va configurer la carte composite voulue, à savoir un fond IGN et un overlay (superposition) Strava
° Depuis le smartphone, démarrer Oruxmaps
° Depuis le Menu principal > Cartes > Nouvelle carte > Cercle/Plus depuis le Menu (Ajout Nouvelles Cartes) > Cartes Composites (en ligne) > appuyer sur +
° Sélectionner 01 France cartes IGN en regard du 1°
° Appuyer sur AJOUTER UNE COUCHE
° Sélectionner Strava Heatmap [cycling] (OVERLAY) en regard de 1°
° Appuyer sur AJOUTER UNE COUCHE
Nota: Vous devriez voir afficher dans la petite fenêtre le nom des 2 cartes validées
° Donner un nom à la carte composite (IGN_Strava)
° Valider par la coche dans le Menu

On retrouve la carte ainsi composée dans le Menu principal > Cartes > Nouvelle carte > ONLINE > MULTICARTES

Le ded / Janvier 2021 /

Pour info:
- Je n'assure pas le SAV des différents composants ;)
- On retrouve le même principe de cartes composites sur VisuGPX/Édit
https://www.visugpx.com/editgpx/ en sélectionnat HMAP (vélo) dans la couche Layer ;)


Sources:
Oruxmaps-IGN-Strava sur Fat Bike France
Géoservices IGN
Oruxmaps.org
Discussion VTTour

Commentaires

Bonjour,

merci beaucoup pour cet article.

Merci

Fabien [Fabienzen, le 14.01.21]
Modification de l'article concernant un lien sur un site tiers ne pouvant accepter des connexions comme Referer.
Mais il est possible de donner l'url de son site web "Pour une utilisation dans une application web, nous recommandons une sécurisation par referer (qui correspond à l’URL de votre page web utilisant les ressources)"
source
[Le ded, le 14.01.21]