Отрегулируйте яркость карты листовок с помощью ползунка

Вы искали что-нибудь как это?

Добавьте в HTML элемент слайдера:

<input type = "range" min = "0" max = "100" value = "0" class = "slider" id = "opacity-slider">

Вот код JavaScript, который обрабатывает слайдер:

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

Код регулирует непрозрачность слоя листов карты при перемещении ползунка.

Для CSS цвет фона элемента div карты установлен на черный:

#map {
  background: black;
}