Изменения цвета подписи в картах яндекса с изменением типа карты
Как изменить цвет подписи иконки в яндекс карте с изменением типы карты? Например, при переходе на спутник, иначе черный цвет плохо читается на темном фоне космоса.
https://jsfiddle.net/sz798m21/
По существу необходимо задать динамическое изменение для этого кода, если я правильно понимаю.
MyIconContentLayout = ymaps.templateLayoutFactory.createClass(
'<div style="color: #000; font-size: 25px; font-weight: bold;">$[properties.iconContent]</div>'
),
Ответы (1 шт):
Автор решения: Виктор Карев
→ Ссылка
Проще всего использовать глобальную переменную CSS. Например
:root {
--map-icon-color: #000;
}
Её можно использовать в шаблоне иконки
MyIconContentLayout = ymaps.templateLayoutFactory.createClass(
'<div style="color: var(--map-icon-color); font-size: 25px; font-weight: bold;">$[properties.iconContent]</div>'
),
А при необходимости - менять
function setMapIconColor(color) {
document.querySelector(':root').style.setProperty('--map-icon-color', color);
}