OpenLayers WMS Layer Transparency

Question

I was wondering how to make a wms layer transparent using openlayers.

The current javascript for each non transparent layer is below:

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

score 4 · Answer 1 · answered Dec 09 '15 at 14:00

For a ol.layer.Tile you could set its opacity to make it transparent.

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

Or to hide it all together use visible: false

OpenLayers WMS Layer Transparency

1 Answers1