Le portail francophone de la géomatique

Bonjour,

Je suis en train de faire une petite appli carto frontend avec OL 6. J'ai déjà réussi à faire apparaître et masquer une couche via des cases à cocher.

Il existe bien le LayerSwitcher d'OL qui permet de faire ça, mais plus je l'utilise et plus je me rend compte que c'est du bricolage, que le rendu est vraiment pas top, et que les fonctionnalités sont assez limitées (vu qu'on a pas la main sur le code du module lui-même).

Voici le code que j'ai établi pour masquer/cacher une couche :

$('input[type=checkbox]').on('change', function() {
    var idCheckbox=$(this).attr('value'); // value de l'input qui doit être la même que le titre de la couche
    group.getLayers().forEach(function(element, index, array){  // group est ici un groupe de couches, le nom n'a aucune importance si ce n'est que ça doit faire référence à une variable
        var idCouche=element.get('title');
        if(idCheckbox===idCouche){
            element.setVisible(!element.getVisible());
    }
    });
});

Seulement le problème est ici : ce code renvoie un booléen qui décide de l'affichage ou non de la couche.

Le code que j'essaye d'établir doit renvoyer une valeur entre 0 (totalement transparent) et 100 (totalement opaque).

Un curseur d'opacité d'une couche quoi !! :-)

Est ce que quelqu'un aurait une idée ?

Merci

Sylvain