URL скопирован в буфер обмена!

Как сделать тёмную тему Яндекс карты в Zero Block на Tilda?

При помощи данной модификации можно изменить тему Яндекс карты на тёмную или светлую. Дополнительно можно скруглить углы в Яндекс карте. Модификация работает только с картами созданными в Zero BLock.

Модификация работает с включенным Autoscale в блоках
Модификация работает только с Zero Block

Генератор кода

Класс для карты
Тема карты
Радиус скругления углов
Войдите в аккаунт чтобы получить доступ к генератору кода
Этот генератор кода доступен только тем кто оплатил подписку
<!--TICODE--><!-- Библиотека модификаций для Тильда https://ticode.dev --> <script> const TiMapBlack = document.querySelectorAll('.ti-map .tn-atom.tn-atom__html'); TiMapBlack.forEach((element) => { element.classList.add('ticodemap-black'); }); </script> <style> .ticodemap-black { border-radius: 10px !important; overflow: hidden !important; -webkit-filter: grayscale(100%) invert(1); -moz-filter: grayscale(100%) invert(1); -ms-filter: grayscale(100%) invert(1); -o-filter: grayscale(100%) invert(1); filter: grayscale(100%) invert(1); } </style>
КОПИРОВАТЬ КОД
1. Создаем Яндекс карту через конструктор Яндекс карт;

2. Создаем в Zero Block HTML элемент и вставляем в него код Яндекс карты;

3. Присваиваем HTML элементу класс из нашего генератора ti-map
Чтобы добавить класс, нажимаем на элемент правой кнопкой мыши и выбираем из списка "Add CSS Class Name" и далее, справа в настройках указываем класс

4. В генераторе кода указываем настройки для карты:
Тема карты - указываем цвет карты. Можно выбрать белую или темную тему. Стандартную тему стоит выбирать если вам нужно только скруглить углы карты без смены цвета.
Радиус скругления углов - указываем радиус скругления углов для карты;

5. Копируем готовый код и вставляем в HTML блок Т123.
Made on
Tilda