Fichiers GPX, balise link

**kiza44** · 06/05/2013, 10h30

Bonjour,
Lors du développement d'un projet, sur la dernière version de l'API IGN? je me suis aperçu que la balise <link> des fichiers GPX semblait ne pas être exploitée. Quelqu'un a-t-il pu constater également ce problème ?
A moins que je m'y soit mal pris...
Un exemple serait-il accessible le cas échéant ?

**zainab_k** · 06/05/2013, 16h40

Bonjour,
Pouvez vous préciser une peu plus votre besoin?

**kiza44** · 06/05/2013, 20h52

Les versions 1.1 de GPX permettent de gérer des balises <link> (voir structure fichier gpx : http://www.topografix.com/GPX/1/1/#type_linkType.

J'ai une carte contenant plusieurs couches de tracés gpx correspondant à des itinéraires. Il s'agit d'une sorte de vue globale ou catalogue des tracés du site.

Or, les seules méthodes que j'ai trouvées m'ont permis de lire la balise <name> et (je crois, mes tests commencent à dater) la balise <description> du tracé. Par contre, je n'ai trouvé aucune méthode permettant de récupérer les valeurs de la balise <link> dans laquelle je souhaitais intégrer des URL qui auraient pointé vers les pages requises par clic.

Du coup, je n'ai pu réaliser le développement qu'en utilisant ce qui était à ma portée, la balise <name> dans laquelle j'ai donc inséré une URL pour que la méthode onselect fonctionne.

J'espère que cette explication vous convient mieux.

**kiza44** · 10/05/2013, 15h17

Bonjour,
La documentation de l'API OPENLAYERS vient de me donner la réponse :

http://dev.openlayers.org/releases/OpenLayers-2.12/doc/apidocs/files/OpenLayers/Format/GPX-js.html

Les métadatas supportées sont : name, desc et author.

Je clôture ma demande.

**gcebelieu** · 13/05/2013, 17h38

Bonjour,

peut-être qu'OpenLayers ne gère pas la balise <link> du format GPX, mais l'API Géoportail est sensée la gérer. Utilisez-vous la classe Geoportal.Format.GPX.v1_1 comme parser (au lieu de OpenLayers.Format.GPX) ?

**youri89** · 28/08/2013, 11h55

Bonjour,

J'ai le même problème que Kiza44.

J'ai des fichiers GPX de POI avec des url pour accéder à la page descriptif du POI.

Auriez vous le code pour utiliser le parser Geoportal.Format.GPX.v1_1 au lieu de celui d'OpenLayers.

J'ai rien trouvé dans la doc de Géoportail ni sur internet.

Merci

**gcebelieu** · 30/08/2013, 09h48

Bonjour,

quelle méthode utilisez-vous pour charger la couche GPX ?

* Si vous utilisez celle de l'exemple :

http://api.ign.fr/tech-docs-js/examp...alMap_gpx.html

celle-ci assure l'utilisation du parser Geoportail.Format.GPX.

* Si vous chargez la couche à l'aide du contrôle Geoportal.Control.AddVectorLayer, il faut initialiser ce dernier à l'aide de l'option 'supportedClasses' qui est un tableau contenant le nom des classes correspondant aux types de données vecteur supportées. Il faut alors y mettre 'Geoportal.Format.GPX' parmi elles.

Vous pouvez valider la gestion de la balise link en chargeant votre GPX à l'aide de la page exemple :

http://api.ign.fr/tech-docs-js/examp...ortalLike.html

en utilisant le bouton 'ajouter une couche vecteur'.

Si la balise link n'est pas gérée par cet exemple, je suis preneur d'un retour et d'un fichier GPX exemple.

**youri89** · 30/08/2013, 11h52

Bonjour,

Merci de votre aide.

Sur geoportalLike.html, j'ai le même affichage qu'en local du pop up (Il y a juste les champs <name> et <desc> qui sont affichés.

Le champ
<link href="http://www.tourisme-yonne.com/randonnee/write_gpx/redirection_gpx.php?id=HOTBOU0890000440"><text>En savoir +</text></link>

n'est pas reconnu.

Concernant le code, j'ai repris le code du zip téléchargeable sur le site de l'API (geoportail_api_quickstart) et j'ai rajouté le code

Code :

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

1
2
3
4
5
6
7
viewer.getMap().addLayer(
	'GPX',
	'Hotel',
	'../../gpx/hot.gpx',
	{visibility:false,
	}
	);

à la fin de la fonction initMap de quickstart.js (en dessous du code appelant le fichier GPX route de l'asset.

Je peux vous envoyer en MP le fichier GPX et la page quickstart.js

**gcebelieu** · 30/08/2013, 15h23

Envoyé par youri89

Je peux vous envoyer en MP le fichier GPX et la page quickstart.js

Oui, je veux bien, merci.

**youri89** · 30/08/2013, 16h46

Je vous ai envoyé un MP.

Merci

**gcebelieu** · 30/08/2013, 23h34

OK, je vois le problème :

le parser GPX parse bien les balises <link> car on retrouve les infos dans le DOM de la page (cf. screenshot firebug : feature.png) : champ onlineResource.href et onlineResource.text.

Le problème vient de l'affichage dans la popup qui n'exploite pas ces éléments (cf :

http://codes.ign.fr/geoportail/apijs...up/Anchored.js

dans la fonction Geoportal.Popup.Anchored._creat4GPX()

autour de la ligne 414 où on créé la popup.

Du coup, en attendant une évolution de ce code dans des versions futures de l'API, on peut surcharger la fonction en question par une autre qui va exploiter les informations voulues.

Je vous invite donc à rajouter dans votre code la fonction suivante (en gras le code rajouté) :

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58

...

/**
 * Method: _creat4GPX
 * Create function for GPX based features.
 *      the calling context is the feature.
 *
 * Returns:
 * {<Geoportal.Popup.Anchored>} - the popup.
 */
Geoportal.Popup.Anchored._creat4GPX= function() {
    var opts= OpenLayers.Util.extend({},this.layer.formatOptions);
    OpenLayers.Util.applyDefaults(
        opts,{
            size:this.layer.map.getSize(),
            closeBox:true,
            onPopupClose:Geoportal.Popup.onPopupClose,
            backgroundColor:'#ffffff',
            opacity:0.75
        });
    var popupClass= this.layer.formatOptions && this.layer.formatOptions.popupClass?
        this.layer.formatOptions.popupClass
    :   Geoportal.Popup.Anchored;
    var tempText= (this.attributes.desc? this.attributes.desc+"<br/>":"");
    tempText+= (this.attributes.cmt? this.attributes.cmt+"<br/>":"");
    if (this.attributes.onlineResource) {
      tempText+= "<a href=\""+this.attributes.onlineResource.href+"\">"  
                   + (this.attributes.onlineResource.text? this.attributes.onlineResource.text : 
                         this.attributes.onlineResource.href) + "</a><br/>";
    }
    tempText+= (this.attributes.ele? this.attributes.ele:"");
    tempText= Geoportal.Util.cleanContent(tempText);
    var popup= new popupClass(
        "chicken",
        this.geometry.getBounds().getCenterLonLat(),
        //taille devra s'adapter au contenu
        this.layer.map.getSize(),
         "<div class='gpPopupHead gpGPX'>" +
            (this.attributes.name? this.attributes.name:"") +
         "</div>" +
         "<div class='gpPopupBody gpGPX'>" +
            tempText +
         "</div>",
        null,
        opts.closeBox,
        opts.backgroundColor,
        opts.opacity,
        opts.onPopupClose,
        this
    );
    popup= Geoportal.Popup.completePopup(popup,this.layer.formatOptions);
    this.popup= popup;
    return this.popup;
};

...