Más

Control de opacidad del folleto mediante el control deslizante para Bootstrap

Control de opacidad del folleto mediante el control deslizante para Bootstrap


Estoy intentando usar Slider For Bootstrap para actualizar la opacidad de una capa dentro de Leaflet.

El control deslizante también debe estar en una ventana emergente de Bootstrap, pero esta parte está funcionando.

Según este JSFiddle, puede ver que tengo el control deslizante funcionando pero no puedo hacer que actualice / configure la opacidad de la capa de fondo, ¿cómo se puede lograr esto?


Hay unsetOpacitymétodo para TileLayer. Esto debería hacer lo que quieras:

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

EDITAR: Aquí hay un violín de ejemplo con controles deslizantes para controlar la opacidad del fondo (con.setOpacity) y una capa vectorial (con.setStyle):

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