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

Содержание:

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

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

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

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

1496316828637

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

1496316720766

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

1496317008820

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

1496317124868

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

1496317946629

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

00000041

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

00000042

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

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

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

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

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

 

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

00000043

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

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

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

00000044

Была ли эта статья полезна?

Похожие статьи