Клуб API Карт

Пример: разворачиваем карту во весь экран

Пост в архиве.
Пример: разворачиваем карту во весь экран

Когда на странице сайта очень много информации, приходится размещать маленькую карту. Чтобы посетителям сайта было удобнее пользоваться картой, мы предлагаем добавить кнопку или ссылку, при клике на которую карта будет увеличиваться.

В нашем примере добавлена кнопка «Развернуть карту во весь экран».

Посмотреть пример в новом окне.

3 комментария
Дмитрий Сухоносов
28 января 2016, 04:11
Сразу бы сделали пример как центрировать картинку в кнопке - а то она "поехала"

не правильная кнопка.

Надо было оставить некий блокер на месте карты, а саму карту перебросить position:absolute\fixed в начало документа.

А то вставлю я такую карту себе на сайт, нажму на кнопочку и страница лопнет :(

как она лопнет?

контейнер карты просто станет 100% от родителького дом-элемента, в который ты его вставишь