向Openlayers贴图添加不透明度滑块

Question

使用以下代码为栅格图层添加不透明度滑块很简单：

layer.setOpacity(this.value) to lyr_MyMapImage.setOpacity(this.value)

但这并不整洁，因为滑块位于地图上方。

如何在地图上插入滑块（水平或垂直）以控制图层的不透明度，使其看起来与其他地图控件相似？有插件吗？

谢谢。

Answer 1

您可以使用jQuery滑块。下面的示例：

$("#sliderLayer").slider({
    min: 0,
    max: 100,
    value: 100,
    slide: function(event, e) {
        lyr_MyMapImage.setOpacity(e.value / 100);
    },
    disabled: true
});

另外，这是jsFiddle：

https://jsfiddle.net/Svinjica/L7edtgx3/

希望有帮助：）