Discussion :

[cmail]

Je reprends ici

A titre d'info, concernant l'aspect visuel des profils, ils ont été améliorés sur depot.ign.fr (en atendant livraison sur api.ign.fr). On peut notamment le constater sur l'URL http://depot.ign.fr/geoportail/api/d..._amCharts.html, qui propose un profil recharté Géoportail, sans effet de rebond, et avec le curseur de parcours sur la carte cher à notre ami cmail

et les quelques cheminements de Pierre

1/ Les gpx de Pierre contiennent les indications d"altitude de chaque point du tracé.
2/ Dans ces conditions, comment transformer l'exemple de Jeremy pour que le profil affiché soit celui d'un tracé gpx de Pierre?
3/ Un peu sur le modèle de ce que propose par exemple utagawa (avec osm) http://www.utagawavtt.com/randonnee-....php?topo=7084 ou openrunner (avec google maps) ou le module elevation de leaflet (http://mrmufflon.github.io/Leaflet.E...example.html)?
4/ C'est un peu compliqué pour moi, mais si l'api avait un outil pour ce genre de chose, ce serait très utile...
Non?

[Pedro88]

Oui, Christian a raison, ce serait bien d'avoir cet outil que je viens de visionner sur les pages citées.
Le graphique d'utagawavtt est un beau modèle.
Ce qui serait bien aussi, c'est d'avoir, en promenant la souris sur la trace gpx, l'altitude correspondante dans une infobulle.
Dans le graphique de l'exemple proposé par Jeremy, il manque à mon avis la distance parcourue en abscisse.
Tout cela est alléchant en tout cas.

[jrenard]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

Dans le graphique de l'exemple proposé par Jeremy, il manque à mon avis la distance parcourue en abscisse.

C'est tout à fait vrai, et c'est quelque chose qui devrait pouvoir être modifié de notre coté.

Pour le reste, nous comprenons bien le besoin mais un tel outil n'est pas prévu à court terme sur l'API actuelle. Nous gardons néanmoins le besoin en tête pour le développement de la future API.

[cmail]

A partir de cette page http://grafreex.free.fr/?Afficher-une-trace-GPS (à lire sous FF car il me semble qu'il y a un problème avec Chrome), j'essaye de reproduire le profil interactif tiré d'un tracé .gpx.

Malheureusement c'est fait à partir de 2 modules spip (geoprofil.js et geoportail.js) chers à notre ami Jean-Marc Viglino

J'essaye bien d'adapter ce travail à une approche plus classique (hors spip) mais je manque d'expérience dans ce domaine.

Voici une page d'essai http://essai.obs43.fr/essai2015-3.htm neutre. Si vous avez quelques idées pour que je progresse...

[papilou38]

A partir de cette page http://grafreex.free.fr/?Afficher-une-trace-GPS (à lire sous FF car il me semble qu'il y a un problème avec Chrome), j'essaye de reproduire le profil interactif tiré d'un tracé .gpx.

Voici une page d'essai http://essai.obs43.fr/essai2015-3.htm neutre. Si vous avez quelques idées pour que je progresse...

Bonjour,
je me considère aussi comme un "bricoleur" en développement web mais pour le profil altimétrique, je suis passé par highchart.
Vous pouvez voir l'état actuel du développement ici
http://seaccueil.free.fr/SEA/fichier...-03-05URLE.GPX
si c'est ce que vous cherchez je peux vous envoyer le code (je n'ose pas le publier )
Pour ce qui est de l'interactivité, je cherche encore une solution ... sans SPIP

[gcebelieu]

Bonjour,

@Christian :

si tu récupères ta couche vecteur qui contient ton GPX (appelons la "layer"), tu peux retrouver tous les features (les traces) dans le tableau :

layer.features

pour un feature donné, tu va retrouver tous les points du parcours via la propriété (qui est un tableau) :

layer.feature[0].attributes.metadata

chaque élément de ce tableau possède une propriété "ele" qui contient l'altitude :

layer.feature[0].attributes.metadata[0].ele

Sachant cela, tu peux récupérer l'ensemble des altitudes qui vont te permettre de tracer ton profil à l'aide de amCharts (ou autre bibliothèque de graphiques)

[cmail]

@papilou.
Bravo! Tiens nous au courant si tu progresses dans l'interactivité.... Cela nous intéresse, bien sûr.
Par contre, pas la peine de nous envoyer ton code, puisque tu nous proposes la page par laquelle on peut retrouver ton codage js non comprimé...

@Gilles
Bien vu tes remarques. Et dans le même ordre d'esprit, pour lier ces élévations aux coordonnées du gpx (pour l'interactivité), se référer à layer.feature[0].geometry.components[0].components[i].x (ou .y).

Yapluka. Le plus dur pour moi! Mais petit à petit, cela viendra. Mais en ce moment, j'ai quelques autres chantiers à finir.

[gcebelieu]

Bonsoir,

j'ai profité d'un samedi soir peu occupé pour faire cet exemple :

http://depot.ign.fr/geoportail/api/d...levations.html

il s'agit d'un croisement de l'exemple gpx initial et de l'exemple d'affichage d'un profil alti avec amCharts.

En gros, on utilise les fonctions de callback de chargement du GPX :

* pour constituer le tableau de données qui sera utilisé pour tracer le profil à partir de la géométrie du GPX et des altitudes (callback prefeatureInsert)
* pour lancer le tracé du profil à la fin du chargement du GPX (callback loadend)

En espérant que ça aide.

Gilles

[cmail]

Merci beaucoup Gilles, tu débloques une situation difficile pour moi!

Ton exemple va répondre à de nombreux besoins des randonneurs.

Maintenant que les bases sont là, je vais adapter ton travail à mes besoins spécifiques...

[jac83]

Bonjour,
je m'associe à cmail pour te remercier de l'exemple proposé ... Un travail qui me sera très utile .
bien cordialement

[cmail]

Deux réflexions:
1/ Avoir à l'esprit ce tableau http://socialcompare.com/fr/comparis...arts-libraries qui semblerait mettre en avant Highcharts à Amcharts en terme de taille de fichier....
2/ Si on reste avec amcharts, il faut méditer. Mais pour ma part le passage à xycharts pose quelques problèmes de paramétrage du curseur pour lui donner les mêmes paramètrages que dans l'exemple de Gilles...

[papilou38]

Bonsoir,

j'ai profité d'un samedi soir peu occupé pour faire cet exemple :

http://depot.ign.fr/geoportail/api/d...levations.html

Vive les week-end peu occupés et un grand merci pour cet exemple.
J'ai réussi à le mettre en oeuvre http://seaccueil.free.fr/SEA/fichier...calisation.php qui laisse encore le choix entre
* mon affichage initial via leaflet et la bibliothèque highchart par un clic sur le point de rando choisi - mais sans liaison dynamique profil / tracé
* l'affichage de Gilles avec amcharts par un clic sur le nom de la rando dans la liste

Je vais encore essayer de bricoler pour obtenir le meilleur des deux solutions.

Une petite déception toutefois : impossible de voir cette liaison dynamique entre profil et tracé sur un iPhone ou iPad
Peut on y faire quelquechose ?