Редактор: как добавить карту

В серии материалов о редакторе Платформы рассказываем, как установить и настроить стандартные секции и виджеты. Общий обзор редактора – здесь, в этой статье о том, как добавить и настроить карту.

Когда нужна карта?

Если вы организуете мероприятие, обязательно добавьте карту на лендинг о нём. На сайте компании также укажите маршрут, чтобы клиенты могли легко добраться до вашего офиса.

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

Выбираем секцию “Карта” из списка секций и добавляем её. Как добавить карту

Как настроить Яндекс.Карту?

В Платформе по умолчанию подгружается Яндекс.Карта. Её просто настроить. Настройка Яндекс.Карты Чтобы поставить маркер, нажимаем на нужное место левой кнопкой мыши. Маркер карты Меняем вид карты и выбираем "Схема", "Спутник" или "Гибрид" в выпадающем списке "Слои" в правом верхнем углу.

Как настроить Google карту?

Google карты настраиваются по-другому.

  • Открываем Google Карты
  • Настраиваем нужное отображение
  • Открываем меню в левом верхнем углу экрана Меню карты
  • Выбираем “Ссылка/Код” Ссылка
  • В открывшемся окне выбираем вкладку “Код” Код
  • Устанавливаем нужный размер карты Установка размера карты
  • Копируем полученный код Генерация кода
  • В редакторе выбираем виджет “Html код” и в его настройки устанавливаем код Google Карты Вставка кода в редактор
  • Публикуем страницу и проверяем работу кода Публикация страницы

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

Значения высоты и ширины карты заданы по умолчанию, но их можно изменить, задав значения width и height.

Чтобы изменить ширину, задаем значение width=”100%”, в настройках секции добавляем функцию “Растянуть на всю ширину страницы” и карта будет растягиваться в пределах виджета “html код”.

Чтобы изменить высоту карты, задаем значение height. Изменения вступят в силу, когда мы опубликуем страницу. Растянуть карту на всю ширину

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

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

О настройке других виджетов и секций читайте здесь.

ЧТО ЕЩЁ ПОЧИТАТЬ