Как сделать, чтобы Яндекс.Карты на сайте изначально отображались черно-белыми?

Question

[tj57]

У меня в макете есть такой фрагмент :

На сайте должны быть Яндекс.Карты. Как я понял, изначально они должны быть черно-белыми, а при клике уже открыться в обычном виде. Как это сделать ?

Answer 1

[0xD34F]

<div id="map" class="black-and-white"></div>

.black-and-white {
  filter: grayscale(100%);
}

document.querySelector('#map').addEventListener('click', function() {
  this.classList.remove('black-and-white');
}, { once: true });

jsfiddle.net/0uays3d7

Comments

[tj57]

там ещё дополнительное затемнение должно быть

[0xD34F]

tj57, и в чём проблема? Вы разберитесь, как карта сделана чёрно-белой - затемнение делается точно так же.

Answer 2

[Bondi]

мб через JS, событие клик?

Answer 3

[MariaSS]

Можно сделать по инструкции: https://ez-catalog.ru/kak-sdelat-cherno-beluyu-kar...