OpenLayers WMS图层透明度

Question

我在想如何使用OpenLayers使WMS图层透明。

每个不透明图层的当前JavaScript如下：

var lyr_GDPSETAAirtemperatureC = new ol.layer.Tile({
                        source: new ol.source.TileWMS(({
                          url: "http://weatherservice",
                          params: {"LAYERS": "GDPS.ETA_TT", "TILED": "true"},
                        })),
                        title: "Air temperature (°C)"

- Colin05

Answer 1

对于一个 ol.layer.Tile，你可以设置它的 opacity 属性来使其透明。

new ol.layer.Tile({
                    opacity: 0.5,
                    visible: true,
                    source: new ol.source.TileWMS(({
                      url: "http://weatherservice",
                      params: {"LAYERS": "GDPS.ETA_TT", "TILED": "true"},
                    }))

或者完全隐藏它，使用 visible: false。

- Tedd