Google map full height in bootstrap 3

Я пытаюсь создать страницу с картой Google Maps, которая занимает весь экран, но мне также нужен липкий нижний колонтитул внизу (где я могу разместить кнопку/иконки).Google map full height in bootstrap 3

Я хотел бы иметь мой макет на основе Bootstrap 3, он должен быть отзывчивым. Можете ли вы указать мне правильное направление?

Я не размещаю никакого кода, потому что тот, над которым я работаю, бесполезен.

источник

2014-10-14 Hpatoio

Есть куча способов сделать это. Просто покажите google api в своем контейнере (div внутри него) и используйте позже в новом контейнере и строке, чтобы добавить нижний колонтитул с фиксированной позицией. – Dorvalla

Если бы я знал, как это сделать, я бы не спросил здесь: D – Hpatoio

-1

Я создал самый основной пример для вас: http://jsbin.com/fazah/3/

источник

2014-10-16 07:36:14 creimers

Ну, карты должны занимать всю высоту. – Hpatoio

добавить в css тогда 'height: 100%;' – Dorvalla

Я обновил свой ответ. Теперь он должен быть полным и в Firefox. – creimers

Если вы посмотрите на веб-сайт googles, у них есть замечательный API для выпадающих карт google. Я использовал его с начальной загрузки и она отлично работает (вы можете изменить его высота/ширина, границы и т.п.). Проверьте это здесь ...

https://developers.google.com/maps/

Как для нижнего колонтитула вы попробуйте играя с css для расслоения уже?

источник

2014-10-14 18:19:40 Richard

Google map full height in bootstrap 3

ответ

Смежные вопросы