В статье подробно покажу, как добавить яндекс карту в тильда с помощью обычного шаблона и зеро блока. Смотрите видеоинструкцию.
Как добавить карту с помощью обычного шаблона — Вариант 1
Зайдите в админку вашего сайта, нажмите на кнопку «Создать новую страницу», далее выберите «Пустая страница» ⇒ «Все блоки» ⇒ «Контакты» и подберите нужный шаблон с картами, где указано «Яндекс и гугл». Я буду показывать на примере шаблона «Т143».
После того, как добавили, нажмите на кнопку «Контент» и поменяйте источник карт на Yandex Maps.
Задайте следующие настройки:
- Масштаб (Zoom)
- Укажите заголовок
- Координаты (Можно найти на карте, нажав на ссылку)
- Описание
- Дополнительные настройки (По желанию)
- Добавьте еще один маркер, если есть необходимость
После нажмите кнопку сохранить и опубликовать, настройки вступят в силу.
Видео, как добавить карту с помощью обычного шаблона
Это был первый вариант, как видите, ничего сложного, теперь приступим ко второму.
Как добавить яндекс карту с помощью зеро блока — Вариант 2
На первом этапе вам необходимо создать карту в конструкторе карт яндекса.
Откройте сам сервис и нажмите на кнопку «Создать карту».
В левом разделе укажите название и описание карты.
Далее найдите на карте местоположение вашего объекта.
Сделать это можно вручную с помощью мышки или воспользоваться поиском.
Масштаб карты можно менять колесиком мышки.
После, как нашли местоположение вашего объекта, добавьте маркер. Нажмите на функцию «Метки,» она сменит цвет на желтый, теперь наведите курсор на нужный вам адрес и щелкните левой кнопкой мыши один раз появится маркер (Можно добавить несколько). После настроек нажмите кнопку «Сохранить и продолжить».
В конструкторе карт можно задать и другие функции:
- Линии
- Многоугольники
- Пробки
- Слои
На следующем этапе вам необходимо указать размер самой карты по умолчанию он 500px на 400px (Рекомендую поставить галочку на функцию «Растянуть по ширине» и задать максимальную высоту это 720px. В дальнейшем вам будет проще редактировать в самом зеро блоке конструктора сайтов тильда).
Когда завершите все настройки в сервисе, скопируйте код и перейдите в конструктор сайтов Tilda.
Выберите нужную страницу или создайте новую в зеро блоке, куда необходимо внедрить карту яндекса.
Добавьте виджет «HTML» и вставьте в него скопированный ранее код. Задайте размер виджета, после опубликуйте страницу — ваша карта отобразится.
Готовый результат.
Видеоинструкция
