javascript - 使用传单热图控制热图的不透明度

Question

我正在使用 leaflet.js ，热图插件。

有一个名为 L.heatLayer 的小类(源代码 https://github.com/Leaflet/Leaflet.heat/blob/gh-pages/src/HeatLayer.js )

没有不透明度选项

选项仅

options: {
maxZoom: 18,
radius: 25,
blur: 15,
max: 1.0},

有什么方法可以使用 leaflet.js heatLayer 控制不透明度吗？非常感谢

Answer 1

你可以通过CSS来做到这一点。热图是 leaflet-heatmap-layer 类的 Canvas

.leaflet-heatmap-layer {
opacity: .5;
}