Введение
Если вы создаете сайт на платформе Тильда и хотите показать на карте сразу несколько точек (например, адреса филиалов, магазинов или объектов), вы можете легко реализовать это с помощью конструктора Яндекс.Карт. В этой статье расскажем пошагово, как добавить карту с несколькими метками на сайт, созданный в Тильде.
Преимущества карт с несколькими пунктами:
- Удобство для пользователей
- Визуальная наглядность расположения объектов
- Повышение доверия к бизнесу
Шаг 1. Открыте конструктор Яндекс.Карт
- Перейдите на сайт https://yandex.ru/map-constructor/
- Нажмите «Создать карту»
- Введите в поиске первый адрес и нажмите щелкните по нему. Адрес появится в боковой строке
- Повторите для всех нужных адресов
Вы можете настраивать цвет, иконку, описание и заголовок каждой метки. Обязательно обратите внимание на заголовок текста. Он отобразится на сайте.
Шаг 2. Скопируйте скрипт карты
Когда все метки добавлены, нажмите кнопку «Сохранить и продолжить», далее выберите нужный участок карты так, чтобы все пункты были внутри выделенной зоны и нажмите «Получить код».
Скопируйте HTML-код карты. Это будет iframe с вашей картой и всеми метками.
Шаг 3. Вставьте карту на сайт в Тильде
- Откройте нужную страницу в редакторе Тильды
- Добавьте блок HTML-код (в разделе «Другие» — блок T123 или T178)
- Вставьте туда скопированный код карты
- Сохраните изменения и опубликуйте страницу
Результат
Теперь на вашем сайте отображается Яндекс.Карта с несколькими пунктами. Это удобно для отображения офисов, точек продаж, партнеров и других объектов.
Совет:
- Убедитесь, что карта корректно отображается на мобильных устройствах
- Используйте понятные названия меток (например, "Главный офис", "Склад на юге")
- При необходимости измените размеры iframe-карты для лучшей адаптивности
Добавление нескольких меток на карту делает ваш сайт более информативным и удобным для пользователей. А с Тильдой и конструктором Яндекс.Карт это можно реализовать без знаний программирования за считанные минуты.
