Discussion :

[Eho47]

Bonjour,

Je voudrais savoir si il est possible de gérer l'opacité d'une couche KML ( polygones) via le contrôleur de couches par défaut ou par une autre méthode.

Merci

[cmail]

Si, si.
Du genre

Code :

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

1
2
3
 viewer.getMap().addLayer("KML","Zone","./kml/xxx.kml",
{				opacity:.5,
etc.}

[Eho47]

Si, si.
Du genre

Code :

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

1
2
3
 viewer.getMap().addLayer("KML","Zone","./kml/xxx.kml",
{				opacity:.5,
etc.}

En fait, je précise ma question, peut on gérer dynamiquement l'opacité (comme pour les couches natives dans les gestionnaire de couches). Car j'ai remarqué que lorsque l'on ajoute une couche KML, dans le gestionnaire de couches, on a bien l'outil de suppression et de zoom sur la couche, mais pas le slider de gestion d'opacité.

[cmail]

Ah?
Une page de test s'impose.

[Eho47]

Ah?
Une page de test s'impose.

Pas plus compliqué que de regarder l'exemple officiel :

http://api.ign.fr/geoportail/api/doc...alMap_kml.html

On voit bien que lorsque l'on charge la couche KML 'Carte 1:100 000' il n'y a pas le slider de gestion de l'opacité comme sur les autres couches d'où ma question, est il possible d'avoir ce slider pour les couches KML?

[cmail]

Par exemple:
http://atlasnw.free.fr/geoportail/ex...ml_survol.html

[Eho47]

Par exemple:
http://atlasnw.free.fr/geoportail/ex...ml_survol.html

Après avoir visionné le code source, je m'aperçois que tu es en version étendue, c'est donc grâce à celle ci que l'on accède à des fonctionnalités supplémentaires lors d'ajout de couche KML et notamment ce fameux slide de l'opacité.

Merci pour l'exemple !

[dgrichard]

Après avoir visionné le code source, je m'aperçois que tu es en version étendue, c'est donc grâce à celle ci que l'on accède à des fonctionnalités supplémentaires lors d'ajout de couche KML et notamment ce fameux slide de l'opacité.

Le mode étendu n'a rien à voir ...

Je regarde par quel "magie" l'option opacity mise dans l'option formatOptions est remonté jusqu'à la couche KML pour avoir la réglette de transparence (car celle-ci ne s'affiche que si l'option opacity est mise dans les options de la couche ... pas de ses sous-options )

[Eho47]

Le mode étendu n'a rien à voir ...

Je regarde par quel "magie" l'option opacity mise dans l'option formatOptions est remonté jusqu'à la couche KML pour avoir la réglette de transparence (car celle-ci ne s'affiche que si l'option opacity est mise dans les options de la couche ... pas de ses sous-options )

Ah...

Alors, j'ai intégré le code fourni par cmail (copié collé du code source en changeant la clé et la version en 1.1) et j'ai pas le slider de gestion d'opacité.

http://www.mazamet-montagne-noire.fr/ign/

Donc la 'magie' ne vient pas du javascript écrit dans la page html.

[cmail]

Et en revenant à la version 1.0?

[Eho47]

Et en revenant à la version 1.0?

Non plus !

[dgrichard]

Ah...

Alors, j'ai intégré le code fourni par cmail (copié collé du code source en changeant la clé et la version en 1.1) et j'ai pas le slider de gestion d'opacité.

http://www.mazamet-montagne-noire.fr/ign/

Donc la 'magie' ne vient pas du javascript écrit dans la page html.

Essaie :

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
  var kml = viewer.getMap().addLayer("KML", "kml", "LI.kml", 
    {/*options visibility, originators, onFeatureInsert, ...*/
      styleMap: styleMap,
//    onFeatureInsert: onPopupOpen,
      visibility: true,
      opacity:0.75,
      minZoomLevel: 8,
      maxZoomLevel: 14
    },
    {
      formatOptions:{
        backgroundColor:'green',
        //opacity:0.75,
        extractStyles:false // désactivation des styles
      },
      hover:true,
      highlightOnly:true,
      renderIntent:"temporary",
      onSelect: function(f) {
              console.log("onSelect");
              onPopupOpen(f)
            },
      onUnselect: function(f){}
    });

[Eho47]

Essaie :

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
  var kml = viewer.getMap().addLayer("KML", "kml", "LI.kml", 
    {/*options visibility, originators, onFeatureInsert, ...*/
      styleMap: styleMap,
//    onFeatureInsert: onPopupOpen,
      visibility: true,
      opacity:0.75,
      minZoomLevel: 8,
      maxZoomLevel: 14
    },
    {
      formatOptions:{
        backgroundColor:'green',
        //opacity:0.75,
        extractStyles:false // désactivation des styles
      },
      hover:true,
      highlightOnly:true,
      renderIntent:"temporary",
      onSelect: function(f) {
              console.log("onSelect");
              onPopupOpen(f)
            },
      onUnselect: function(f){}
    });

Le code fonctionne. Donc effectivement, si l'on met 'opacity' dans dans les options de la couche ca marche. Reste à trouver pourquoi l'exemple de cmail fonctionne alors que si j'ai bien compris il ne devrait pas.

En vous remerciant pour ces éclairements.

[dgrichard]

En vous remerciant pour ces éclairements.

[Résolu] ?

[Eho47]

[Résolu] ?

Oui !

[mga_geo]

Eho47, pour indiquer qu'un sujet est résolu, il faut faire une petit clic sur le bouton Résolu en bas de page