更改ol3中图层的不透明度

时间:2015-08-22 10:19:02

标签: openlayers-3

我有一种模糊的记忆,看到打开图层3的示例,其中添加的图层的不透明度可以更改。 ol3示例页面上仍然有这样的例子,但它们需要webgl-renderer(它排除了矢量图层)。有没有办法使用常规画布渲染器更改矢量和/或栅格图层的不透明度?

2 个答案:

答案 0 :(得分:5)

我不知道是否有任何矢量示例使用它,但所有ol3图层都支持setOpacity方法:http://openlayers.org/en/v3.8.2/apidoc/ol.layer.Vector.html#setOpacity

答案 1 :(得分:1)

以下是图像层的使用方法。对于其他图层,请使用相同的功能:

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