Suite

Contrôle de l'opacité de la brochure à l'aide du curseur pour Bootstrap


J'essaie d'utiliser le Slider For Bootstrap pour mettre à jour l'opacité d'un calque dans Leaflet.

Le curseur doit également être dans un Bootstrap Popup mais cette partie fonctionne.

Selon ce JSFiddle, vous pouvez voir que le curseur fonctionne mais je ne parviens pas à le mettre à jour/définir l'opacité du calque d'arrière-plan, comment y parvenir?


Il y a unsetOpacityméthode pour TileLayer. Cela devrait faire ce que vous voulez :

$('#rangeSlider').slider().on('slide', function (ev) { sliderVal = ev.value; background.setOpacity(sliderVal/100); });

ÉDITER: Voici un exemple de bidouillage avec des curseurs pour contrôler l'opacité de l'arrière-plan (avec.setOpacity) et une couche vectorielle (avec.setStyle):

http://jsfiddle.net/nathansnider/zkcs36p6/