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

карту импортировал подключил , теперь как обрезать её ?
вырезать часть карты как показано в yandex песочнице не подойдёт так как - во первых мне нужно получить москву в зуме как показано на макете , а во вторых при зуме карта не сохраняет обрезаность.
я думаю над тем что бы блоку к которому загружается карта сделать фиксированую ширину + высоту и добавить overflow:hidden , а сам блок обрезать по точкам в форме как показано на макете.
можете подсказать как это сделать ?
или у вас есть другое решения для реализации ?
Ответы (1 шт):
Если правильно понял сценарий, то контур Москвы планируется сделать статичным, а карту внутрь через API Яндекс пробросить с актуальными данными.
Сразу замечу, что такой вариант Яндекс забракует не глядя и в лучшем случае просто заблочат. Ведь вы своим контуром однозначно закроете копирайты, а это недопустимо даже на коммерческих тарифах.
Потому решение - не терять время, найти подходящую карту и сделать статичную картинку с контуром и нужной инфой внутри (опять же не на подложке Яндекса при текущем ТЗ).