Клуб 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

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

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

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

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

Sergey Konstantinov,
вы со своей "принципиальной" позицией уже дождались, что большинство нормальных сайтов используют карты от гугл.  идиотизм - если хозяин сайта хочет черно белую карту а не может
florist071,
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
dev@sbaikov.ru
3 марта, 11:34
K0l1K,
хорош) спасибо
Пропиши в css : 


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