更改 ol3 中图层的不透明度答案

【问题标题】：Changing opacity for layers in ol3更改 ol3 中图层的不透明度
【发布时间】：2023-04-09 03:04:01
【问题描述】：

我对看到开放层 3 的示例有一个模糊的记忆，其中添加的层的不透明度可以更改。 ol3 示例页面上仍有此类示例，但它们需要 webgl-renderer（排除矢量图层）。有没有办法使用常规画布渲染器更改矢量和/或光栅层的不透明度？

【问题讨论】：

标签： openlayers-3

【解决方案1】：

不知道有没有向量例子用到了，但是ol3层都支持setOpacity方法：

https://openlayers.org/en/v3.20.1/apidoc/ol.layer.Vector.html#setOpacity

【讨论】：

这是真的！我把它与似乎只在 WebGL 渲染器中可用的亮度/对比度混为一谈！

【解决方案2】：

以下是您为图像层执行此操作的方法。对于其他层使用相同的功能：

myimage = new ol.layer.Image({
      source: new ol.source.ImageStatic({
          url:some_url,
          crossOrigin: '',
          projection: 'EPSG:26916',
          imageExtent: some_extent
      }),
      opacity: 1.0
  });
  .
  .
  .
  myimage.setOpacity(0.6);

【讨论】：