Как сделать yandex карту черно белую?

Question

[Вячеслав Мулюкин]

Нужно сделать yandex картру черно белую
Нашел как делаеться в версии 2.0

jsfiddle.net/9aj8j

Но для версии 2.1 селектор не работает

Comments

[Вячеслав Мулюкин]

надо пременить фильтр только к самой карте,
метки должны остаться цветными

[lnked]

По яндекс.картам не знаю, но вот для гугл карт есть хороший сервис snazzymaps.com

[mletov]

Так посмотрите инспектором, какие теги там генерятся.
Наверное, должно быть что-то вроде:

ymaps {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter ….3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%);
}

Answer 1

[Алексей Уколов]

Селектор должен быть такой: .ymaps-2-1-29-ground-pane
Но, судя по всему, он перестанет работать, как только они выпустят новую версию.
Поэтому лучше подстраховаться и писать так: [class*="ymaps-2-1"][class*="-ground-pane"].
Что их сподвигло вынести патч-версию в css-селектор не могу представить.
Пример.

Answer 2

[Антон Корзунов]

Никакого нормального способа так сделать нет, тем более что действие сие запрещено лицензией.
Можно использовать решение от Алексея, но оно может перестать работать в любой момент.

Answer 3

[Flashduck]

Обернуть в див и добавить стили - filter: grayscale(1) brightness(1) invert(1);

Answer 4

[RaptorVRN]

.ymaps-layers-pane {-webkit-filter: grayscale(100%);}

Answer 5

[xaruki]

Если карта вставлена через script или iframe, то родительскому элементы
filter: grayscale(1) brightness(1) invert(0);