小编PKA*_*PKA的帖子

使用滤镜CSS属性调整传单地图的亮度

我正在尝试通过使用默认的CSS属性“ filter:Brightness(1.0);”来调整传单地图的亮度(而不是不透明度)。以及添加滑块功能的方式,以及下面的链接。

传单示例 -更改要过滤的不透明度:brightness(1.0);

var mymap = L.map('map').setView([51.505, -0.09], 13);

var tileLayer = L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
  attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors',
  opacity: 0
}).addTo(mymap);

var slider = document.getElementById('opacity-slider');
slider.addEventListener('input', function(e) {
  var value = Number(e.target.value);
  var opacity = value / 100;
  tileLayer.setOpacity(opacity);
});
Run Code Online (Sandbox Code Playgroud)

任何的意见都将会有帮助。谢谢!

javascript css leaflet

2
推荐指数
1
解决办法
359
查看次数

标签 统计

css ×1

javascript ×1

leaflet ×1