Discussion :

[botzz]

Hello!

Je souhaiterai modifier les données affichées d'une couche KML sur ma carte.
Chaque Placemark de mes fichiers ont cette structure :

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
<Placemark>
            <styleUrl>mon_style</styleUrl>
            <Style/>
            <ExtendedData>
                <Data name="nom_data">
                    <displayName>nom_que_je_souhaite_afficher</displayName>
                    <value>valeur1</value>
                </Data>
                <Data name="nom_data">
                    <displayName>nom_que_je_souhaite_afficher</displayName>
                    <value>valeur2</value>
                </Data>
            </ExtendedData>
            <LineString>
                <coordinates>mes coordonnées</coordinates>
            </LineString>
</Placemark>

Par défaut l'API affiche donc le nom du placemark et un tableau avec dans une colonne le nom des donnée (nom_data) et dans une autre les valeurs correspondantes. Je souhaite faire en sorte d'afficher le displayName. Est-ce possible sans devoir redéfinir un BalloonStyle dans mes fichiers KML?

[gcebelieu]

Pour modifier le contenu des popups d'affichage des KMLs, il faut procéder ainsi :

1. rajouter une option "onselect" dans les options de la couche KML.

2. associer à cette option une fonction qui prend en paramètres un feature correspondant aux données KML sélectionnées et qui va créér une popup avec le contenu que tu auras récupéré dans les attributs du feature.

Ce qui donne quelque chose comme ça :

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
// options KML
{
  // fonction appelée lors de la sélection d'un objet
  onselect: function(f) {
   
    console.log(f) ; // debug : permet de voir dans la console quels sont les attributs de f
    // création de la popup
    var popup = new OpenLayers.Popup.FramedCloud(
        "chicken", // un nom quelconque
        f.geometry.getBounds().getCenterLonLat(),  // la géométrie où l'on accroche la popup
        new OpenLayers.Size(100, 100),   // la taille de la popup
        "<p>"+f.attributes.displayName+"</p> ... ",  // le contenu de la popup défini à partir des attributs de f
     );
     f.popup = popup;
     f.layer.map.addPopup(popup);
  }
  //fonction appelée lors de la désélection d'un objet
  // but : libérer de la mémoire
  onunselect: function(f) {
    if (f.popup) {
      f.layer.map.removePopup(f.popup);
      f.popup.destroy();
      delete f.popup;
    }
  }
}

à adapter en fonction des caractéristiques de tes placemarks et du contenu que tu veux afficher.

[Zébulon-21]

Avec un exemple qui s'en rapproche

[botzz]

C'est ce que je cherchais,