Стилизация карты — возможно ли?

Question

[Moe Green]

Подключение карт на странице только осваиваю для себя.

Есть такой вариант страницы - imgur.com/X7Rfpld.

Возможно ли стилизовать такую карту силами CSS и (предположительно) - силами Google API? Или силами Yandex API это тоже возможно? И что предпочтительно выбрать для данного случая - Google или Yandex?

Пробовал найти ответ на вопрос стилизации маркеров в Яндекс-картах силами CSS - не нашел вразумительного ответа на свой вопрос.

Comments

[Lynn «Кофеман»]

Насколько я понимаю, лицензионное соглашение Яндекс.Карт прямо запрещает изменять внешний вид https://legal.yandex.ru/maps_api/ п. 2.3.7.5

[Moe Green]

Алексей Тен: остается только Google API?

Answer 1

[Ksider]

вот еще сервис для гугл карт https://mapbuildr.com/buildr

Comments

[#rybak]

ооооо да, кайфовый сервис, спасибо!

[Ksider]

не за что.

Answer 2

[Дмитрий Сергеевич]

Основываясь на своем последнем опыте создании карт, API Яндекс.Карт более дружелюбно и понятнее, хотя бы потому что оно на русском языке. Если ближе к делу то для офрмления карт от Google я использую https://snazzymaps.com/, тултипы на Яндекс картах привинчиваются проще. На Гугл картах идеальные тултипы так и не получилось сделать, возможно я криворукий, но на Яндекс картах сделать было их быстрее и проще.

Стилизация маркеров идет с помощью js в коде инициализации карты.

Может кто подскажет сервис для офопмления Яндекс карт?

Comments

[Павел Кононенко]

По поводу дружелюбия -- не согласен) Тривиальные моменты делаются просто. По гуглокартам можно сразу нагуглить какое-то сложное решение, а в случае с яндексом придется обращаться в клуб и ждать ответа 1-3 дня, если его и дадут. Но тем не менее Яндекс.карты лично мне нравятся на много больше, чем гугловые или mapbox. Потому что они бесплатные и в плане производительности намного впереди:)

[Дмитрий Сергеевич]

Пожалуй, всё так и есть. Я как простой фронтендер имею банальные задачи и к помощи сообщества не прибегаю

[Moe Green]

Дмитрий Сергеевич: snazzy map - крутая штука! )

Answer 3

[Raido]

2018 год, стилизация Яндекс Карт доступна из коробки.
Вот как выглядит пример от Александр Баля только без jQuery:

myMap.panes.get('ground').getElement().style.filter = 'grayscale(100%)';

Полный список слоёв и другие примеры см. в документации.

Answer 4

[Александр Баля]

Делал вот так:

$(window).load(function() {
		$('[class^="ymaps"]').find('[class$="ground-pane"]').css('filter', 'grayscale(100%)');
	});

Answer 5

[Moe Green]

насколько я понимаю, реализовать силами Yandex API такую карту не представляется возмоэжным - imgur.com/JSjxTR0.

Comments

[Денис Малиночкин]

Про Яндекс ничего сказать не могу, но вот на Google Maps недавно делали подобное, используя в качестве основы шаблон BizReview для Drupal. Думаю, если подружить его с Ajax, то все будет окей.

Answer 6

[YemSalat]

Да, Гугл АПИ так может точно (ч/б + свои маркеры), делали что то похожее в прошлом году.

Насчет Яндекса не в курсе.

Comments

[Moe Green]

мысли вслух - только что просмотрел часть курса HTML5 API от "Специалист" Игоря Борисова. Там автор утверждает, что стилизация карт в обоих случаях (Google & Yandex) практически идентична. Но вот беда - И. Борисов на практике не показал этой идентичности, хотя бы на примере Google API. ((

[Moe Green]

а вот с такой штукой сталкивались - gmap3.net/en ?

[Moe Green]

по зрелом размышлении это решение кажется более true - https://developers.google.com/maps/documentation/j...

[YemSalat]

Valery Semenencko: Мы делали на АПИ, без всяких плагинов и прочей хрени. Ч/б с помощью фильтров, остальное через оверлэи и т.п.
Короче копайте апи - оно большое и довольно мощное. Насчет Яндекса ничего сказать не могу, живу/работаю не в России, не актуален он для меня.