Как добавить Google Карту?

Шаг 1. Откроем Google Карты

Шаг 2. Настроим нужное отображение карты

Шаг 3. Откроем меню (в левом верхнем углу экрана)

Шаг 4. Выберем “Ссылка/Код

Шаг 5. В появившемся окне выберем вкладку “Код

Шаг 6. Установим нужный размер карты

Шаг 7. Копируем полученный код

Шаг 8. В редакторе установим виджет “html код” и в его настройки установим полученный ранее код Карты.

Шаг 9. Опубликуем нашу страницу и проверим работу установленного кода.

Готово! Наша Google Карта установлена и работает.

Как растянуть карту на всю ширину?

По умолчанию заданы определенные значения высоты и ширины карты, но мы их можем изменить в редакторе:
 В полученном коде необходимо изменить значение width (это ширина карты) на 100%
 Пример: width=”100%”
 
Теперь ширина карты у нас будет растягиваться на всю ширину экрана в пределах виджета “html код”.

Изменяя height вы измените высоту карты на странице.

Важно! Чтобы изменения вступили в силу, необходимо опубликовать страницу и проверить работу карты на опубликованной странице.

Для того чтобы растянуть границы виджета на всю ширину экрана, необходимо включить в настройках секции функцию “Растянуть на всю ширину страницы

Теперь наш виджет растянуть от края до края экрана.

Как выровнять карту по центру экрана?

Код (с картой) по умолчанию будет выравниваться по левому краю, если не задано выравнивание по центру.
 Для того чтобы разместить нашу карту по центру, необходимо прописать тег <center> до нашего кода с картой и тег </center> после кода с картой.
 
Пример: <center> код карты </center>

Вы нашли ответ?