javascript - 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)"

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

一起隐藏它们