Клуб API Карт

Можно ли создавать черно-белые карты?

Пост в архиве.

В гугл картах имеется такая возможность. Наприме как сделано здесь http://standart.bz/

Это уже вопрос стиля и дизайна.

А можно создавать аналогичные черно-белые карты в яндекс API?

25 комментариев

нет, Яндекс АПИ этого не предоставляет

Алексей Yarrr!
28 января 2016, 01:09

А стягивать картинки слоев яндекскарты, перекрашивать, кешировать, и отдавать можно?

Через какой-то отдельный прокси-сервер.

Sergey Konstantinov
28 января 2016, 01:09
Нет.
Алексей Yarrr!
28 января 2016, 01:09

Опять нужны свои спутники? ;-)

Ну если очень хочется, то можно взять карту их опенсорс источников, перекрасить ее в чб и показывать в апи яндекс.карт)

Владимир Елисеев
28 января 2016, 01:09

ну как один из вариантов я вижу наложить полигон серого цвета....

но может есть ходы попроще?

 

или может разработчики услышат?

Можно попробовать через CSS фильтры, например

.ymaps-layers-pane {

    -webkit-filter: grayscale(100%);

}

http://jsfiddle.net/5w869/

Sergey Konstantinov
28 января 2016, 01:09
Не стоит так делать.
Владимир Елисеев
28 января 2016, 01:09

ну почему же не стоит?

человек предложил дельное решение....

спасибо.

Единственный минус - не работает в Firefox

Для FF есть тормозной костыль, но вот IE в пролете

http://jsfiddle.net/9aj8j/

Владимир Елисеев
28 января 2016, 01:09

Да вот как раз таки IE и не в пролете....

У него-то есть свои фильтры, так что с ним проблем нет. Да и вообще если не ошибаюсь SVG сейчас сработает на всех браузерах...

А вам сейчас огромное спасибо!

 

а для оперы сработает? открыл это решение в браузере, опера восприняла как дурной совет.

Sergey Konstantinov
28 января 2016, 01:09
Карта - это схема, инфографика для ориентирования на местности.
Изменяя её цветовую раскраску, вы ухудшаете её usability. Предпочитать "дизайн" пользовательским качествами схемы с нашей точки зрения неправильно.
Владимир Елисеев
28 января 2016, 01:09

в некоторых случах она является просто элементом дизайна. Можно было бы туда вставить просто картинку, но живая карта - это же круче!

Sergey Konstantinov
28 января 2016, 01:09
Ну так и вставьте картинку. Какую-нибудь старинную карту, например.
Владимир Елисеев
28 января 2016, 01:09

картинку я могу вставить. Вопрос был поставлен совершенно конкретно.

В гугл картах есть такая функция, а вот в яндексе  - нет.

Поэтому и спросил может есть пути обхода...

На улице на планшете понять ничего не возможно. Белые дороги на сереньком фоне.

Удалённый пользователь
20 июля 2016, 10:15
Sergey Konstantinov,
вы со своей "принципиальной" позицией уже дождались, что большинство нормальных сайтов используют карты от гугл.  идиотизм - если хозяин сайта хочет черно белую карту а не может
MapBox позволяет создавать кастомизированные карточные слои.
Создайте свой слой и используйте его со своим копирайтом.


Позиция Яндекса простая – мы не хотим отвечать за черно-белые или какие-либо еще дикие дизайнерские фантазии разработчиков "нормальных" сайтов.
Мы не хотим тратить ресурсы на разработку и поддержку маловостребованных fancy-шняжек с сомнительной пользой для конечного пользователя.


Также формально изменение цветовой схемы слоев запрещено Пользовательким Соглашением и может стать причиной отказа в доступе к сервису


2.3.7. ОГРАНИЧЕНИЯ. Используя Сервис, Пользователь не имеет права:
2.3.7.1. Изменять, декомпилировать и/или каким либо образом модифицировать программный код, полученный посредством Сервиса.
2.3.7.2. Удалять, изменять порядок или сортировку, скрывать или модифицировать Данные, а также любую содержащиеся в Сервисе или Данных информацию, включая, но не ограничиваясь, рекламно-информационные материалы, товарные знаки, логотипы, ссылки или иные указания на Правообладателей, равно как и любые другие уведомления и/или информацию, передаваемые Сервисом вместе с Данными.
уже прошло почти 2 года, но так и не появилась возможности стилизовать карты ((
спасибо всем за советы  для прогрессивных браузеров, но для ИЕ решения так и не нашел.
никакой из этих вариантов для ИЕ8-10 не работает:
.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");
-webkit-filter: grayscale(1);
filter: grayscale(1);
filter: gray; /* IE6-9 */ - не работает!!
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}

кроме того, у меня маркер на карте тоже становится ч/б!
подскажите, пожалуйста, как наложить ч/б фильтр на карту для ИЕ в этом случае?
avtofrend2016,
Примени 
filter: grayscale(100%);
К #map canvas 
Тогда будет только карта серая проверено на 2.1
K0l1K,
А как это сделать? Можно поподробней. Вставляю код карты на сайт, как <script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%...................&amp;width=100%25&amp;height=430&amp;lang=ru_RU&amp;scroll=true"></script>
Обновлено 14 января 2020, 02:33
K0l1K,
хорош) спасибо
Святослав О.
28 августа 2021, 13:27
Пропиши в css : 


[class*="ground-pane"] {
filter: grayscale(1);
}
    filter: grayscale(1) brightness(1) invert(1);