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

OpenLayers WMS图层透明度

1 个答案: