Как растянуть Google карту на всю длину и ширину section

@Columbia · Регистрация: 02.03.2016

Author24 — интернет-сервис помощи студентам

Ребят такая проблема, делаю лендинг и нужно вставить в секцию карту. Я вставляю но она не ложится в section. Вернее она не адаптивна. Помогите решить проблемку пожалуста. Может есть какая то статья или пример как правильно вставлять карту на лендинг

@Freeze_Breeze · 30.07.2018, 14:30

Columbia, Ну смотри, вот сайт https://embedgooglemaps.com/ru/ выставляешь что тебе надо, копируешь код и этим двум классам задаешь свойство width: 100%; (классы показаны на скриншоте). Но еще все дело зависит от контейнера, если такой присутствует, то лучше карту вынести отдельно. Я свою карту поставил в бустраповский container-fluid, а он в ширину 100%, а у Вас может другая ситуация получится, так что будьте внимательней.

@Columbia 0 / 1 / 2 Регистрация: 02.03.2016 Сообщений: 106
		1
	Как растянуть Google карту на всю длину и ширину section 30.07.2018, 14:09. Показов 11905. Ответов 1 Метки нет (Все метки) Ребят такая проблема, делаю лендинг и нужно вставить в секцию карту. Я вставляю но она не ложится в section. Вернее она не адаптивна. Помогите решить проблемку пожалуста. Может есть какая то статья или пример как правильно вставлять карту на лендинг 0

@Freeze_Breeze 278 / 272 / 106 Регистрация: 12.01.2016 Сообщений: 1,666
	30.07.2018, 14:30	2
	Сообщение было отмечено Columbia как решение Решение Columbia, Ну смотри, вот сайт https://embedgooglemaps.com/ru/ выставляешь что тебе надо, копируешь код и этим двум классам задаешь свойство `width: 100%;` (классы показаны на скриншоте). Но еще все дело зависит от контейнера, если такой присутствует, то лучше карту вынести отдельно. Я свою карту поставил в бустраповский `container-fluid`, а он в ширину 100%, а у Вас может другая ситуация получится, так что будьте внимательней. Миниатюры 1

Как растянуть Google карту на всю длину и ширину section

Решение