как обрезать блок под карты

поступил такой заказ сделать карту на основе yandex map api по макету - введите сюда описание изображения

карту импортировал подключил , теперь как обрезать её ?

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

я думаю над тем что бы блоку к которому загружается карта сделать фиксированую ширину + высоту и добавить overflow:hidden , а сам блок обрезать по точкам в форме как показано на макете.

можете подсказать как это сделать ?

или у вас есть другое решения для реализации ?


Ответы (1 шт):

Автор решения: YaCor'

Если правильно понял сценарий, то контур Москвы планируется сделать статичным, а карту внутрь через API Яндекс пробросить с актуальными данными.

Сразу замечу, что такой вариант Яндекс забракует не глядя и в лучшем случае просто заблочат. Ведь вы своим контуром однозначно закроете копирайты, а это недопустимо даже на коммерческих тарифах.

Потому решение - не терять время, найти подходящую карту и сделать статичную картинку с контуром и нужной инфой внутри (опять же не на подложке Яндекса при текущем ТЗ).

→ Ссылка