Как использовать темный дизайн яндекс карт?

Question

[Богдан Пасечник]

Что то на подобии такого symbian-blog.com/wp-content/uploads/yandex_maps/ya...

или такого searchenginesru.s3.amazonaws.com/pics/Yandex.Navig...

или 7phones.ru/wp-content/uploads/2012/06/yandex.png

В мобильном приложении яндекс позволяет переключатся между ночным и дневным режимом. А мне необходимо использовать ночной режим на сайте.

В api такой функции не нашел…


У google нашел такой инструмент gmaps-samples-v3.googlecode.com/svn/trunk/styledma...

Он идеально подходит для моих целей. Только необходим именно яндекс.

Answer 1

[tripcollor]

Может кому то пригодится.
Тоже была потребность сделать темную карту именно в яндексе.
Но в api нет такой возможности как у google.
В итоге решил проблему с режимами наложения в css.

Ниже на картинках скрины и там же можно посмотреть код

что получилось

Comments

[DeniSidorenko]

Отлично придумал спасибо

[DeniSidorenko]

Подскажи пожалуйста а где можно с градиентами экспериментировать, хочется посмотреть свои варинты как сделать

Answer 2

[Павел Тысляцкий]

Карта на сайте состоит из js API и данных (тайлов, плиток).
По сути API просто загружает тайлы и показывает их пользователю, причем такое отображение тайлов называется слоем (Layer).
Самый простой способ — прописать путь к тайлам ночного режима.
Самый сложный способ — брать готовые тайлы и с помощью хитрых фильтров сделать ночной режим.

Представленный Вами вариант с google maps присутсвует в самом API. Не знаю поддерживает ли данный функционал api или тайловые сервисы яндекса.

Тк я не знаю url тайлов ночного режима от яндекса, то могу предложить тайлы на основе OSM, например от cloudmade: maps.cloudmade.com/editor. Или поискать другие тайловые сервисы. Также можно попытать счастье и попробовать посмотреть фидлером куда стучится мобильное приложение в ночном режиме.

Answer 3

[Алексей]

По моему оно просто инвертируется.

Comments

[Богдан Пасечник]

Вполне возможно. Мне бы подошло это решение.

[Назар Мокринский]

Тогда попробовать инвертировать с помощью CSS фильтров если это на сайте.

[Predator6168]

Богдан Пасечник, .ymaps-2-1-78-ground-pane { filter: invert(100%)!important; -ms-filter: invert(100%)!important; -webkit-filter: invert(100%)!important; -moz-filter: invert(100%)!important; -o-filter: invert(100%)!important;}

Answer 4

[dobersoft]

Можно сделать прокси, который на лету конвертирует тайлы. Например, меняет их палитру.
Заодно можно кэшировать тайлы для ускорения загрузки.