Карта, показывающая местоположение офиса или магазина - привычный и удобный для пользователей любого сайта инструмент. Мы давно думали о том, чтобы снабдить решение Простого Адаптивного Лендинга картой ( в нашем репозитории на GitHub), однако есть более простой способ, который подойдёт для любого пользователя наших решений.
Основная проблема при использовании Стандартного компонента 1С-Битрикс для отображения карты (как Яндекс.Карты, так и Google-maps) - фиксированные размеры. Абсолютно нерационально использовать фиксированные размеры карты на сайте с адаптивным дизайном, меняющем свои размеры и форму для разных устройств.
Решение этой проблемы очень простое! Укажите размер в процентах! Просто поставьте 100% и карта займёт всю ширину страницы (если разместить её напрямую) или весь блок (если внутри блока).
| Компонент bitrix:map.google.view | Компонент bitrix:map.yandex.view |
 |  |
Результат на десктопах:
Результат на мобильных устройствах:
 |  |
Примечание - Работа карт в режиме "Композит"
К сожалению на момент написания статьи шаблоны системных компонентов 1С-Битрикс для карт не поддерживают композитный режим.
