Discussion :

[gustrimaille]

Bonjour,
Je réalise actuellement un site de cyclotourisme sur le département où j'habite. J'arrive à afficher des POIs sur ma carte tels que une liste de points de vues, restaurants, photos géotaggés,...

J'aimerais réaliser une fonction ou l'utilisateur peut cliquer sur la carte pour faire son itinéraire. La distance s'affiche au fur et à mesure, et à la fin de son itinéraire, l'utilisateur peut télécharger le fichier gpx correspondant.

Avec l'api géoportail, j'arrive bien à afficher la barre de dessin pour dessiner des traits, mais c'est tout. Après, je ne sais pas trop comment faire afin de récupérer les latitudes et longitudes, afin de calculer la distance à chaque clic et de proposer le gpx correspondant.

Je pense que pour la distance, je vais trouver : il y a des topics dessus : http://www.developpez.net/forums/d74...e/#post4301162
mais ma question, c'est surtout concernant l'export gpx de mon itinéraire.

Merci si vous pouvez me donner des pistes liens, exemples,...
Et si la question a déjà été posé, excusez-moi d'avance.
Etienne

PS : Exactement à la manière de http://map.meurisse.org/

[cmail]

Jette un oeil à http://www.skitour.fr/maps/ign/gpx-online.php

Bon courage et tiens nous au courant de l'avancement de ton projet..

[mga_geo]

Il y a une page sur le sujet dans les exemples de l'API: http://api.ign.fr/geoportail/api/doc...rtalAlert.html . Au passage je ne vois plus le bouton pour enregistrer dans les différents formats.

Cela se fait assez simplement, voici un extrait du code que j'utilise:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
  //	
  // sauvegarde au format gpx d'une couche	
  this.saveFeatures = function () {
    console.log("saveFeatures() nb:%d", this.layer.features.length);
    var opts = {
      internalProjection: this.map.getProjection().clone(),
      externalProjection: new OpenLayers.Projection('EPSG:4326')
    };
    var format = new Geoportal.Format.GPX(opts);
    //    var format = new OpenLayers.Format.KML(opts);
    data = format.write(this.layer.features);
    data = data.replace(/<Placemark/gm, "\n<Placemark");
    data = data.replace(/<Folder/gm, "\n<Folder");
    data = data.replace(/<\/Folder/gm, "\n</Folder");
    data = data.replace(/<wpt/gm, "\n<wpt");
    data = data.replace(/<\/gpx/gm, "\n</gpx");
    data = data.replace(/<typeName>wpt<\/typeName>/gm, "");
    document.getElementById('gpxDonnees').innerHTML = '<textarea id="gpxDonnees"  rows="30" cols="130" class="gpxDonnees">' + data + "</textarea>";
  }

[mga_geo]

J'ai un début de script sur cette page: http://atlasnw.free.fr/geoportail/ex...gpx_edite.html
Je n'ai pas encore mis à jour mon script complet suite à la nouvelle version de l'API (impact sur les styles) cf http://atlasnw.free.fr/geoportail/ex...xemples/LI.kml

[mga_geo]

Skitour est encore en version beta4. C'est donc une bonne base pour voir comment faire, mais il faut impérativement le faire en 1.0 (fin des beta en septembre/octobre 2010 de mémoire).

[dgrichard]

Skitour est encore en version beta4. C'est donc une bonne base pour voir comment faire, mais il faut impérativement le faire en 1.0 (fin des beta en septembre/octobre 2010 de mémoire).

Exact !

[dgrichard]

Il y a une page sur le sujet dans les exemples de l'API: http://api.ign.fr/geoportail/api/doc...rtalAlert.html . Au passage je ne vois plus le bouton pour enregistrer dans les différents formats.

Un copier/coller malencontreux sur les styles. Il reviendra avec les autres boutons lors de la mise à jour. Désolé.