1. Генерируем код в конструкторе яндекс-карт тут.
Получаете что-то типа этого
Код: Выделить всё
<script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor:%3A053bd947d462cc1a45aeba4070defff75501905071c0eaf68436ac9976ec698c&width=602&height=400&lang=ru_RU&scroll=true&apikey=<ваш API-ключ>">
</script>
ширину и высоту можно убрать или прописать им 100%, apikey то же можете убрать и самое главное добавить id, если его нет в коде, это id вашей сетки где карта, получаем типа этого:
Код: Выделить всё
<script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor:%3A053bd947d462cc1a45aeba4070defff75501905071c0eaf68436ac9976ec698c&id=wb_indexLayoutGrid1&lang=ru_RU&scroll=true&">
</script>
2. Вставляем код между <head>.
3. Далее прописываем позиционирование для карты:
Код: Выделить всё
ymaps {
position: absolute !important;
top:0;
}
4. После того, как все сделали и просматриваете в браузере то видите, что данные в сетки будут скрыты за картой, для этого прописываем индекс колонкам, например так:
Код: Выделить всё
#indexLayoutGrid1 > .row > .col-2 {
z-index: 3;
}
не надо прописывать мега огромные цифры, типа z-index:99999: может привести к конфликту с другими элементами проекта.
Пример прилагаю, версия 15.2.