Misea
Pro

Блок Карта

Автодополнение адреса через Яндекс-Nominatim, встройка карты, метки, масштаб.

Блок Карта

Отдельный большой блок с интерактивной картой. Подходит для:

  • Страницы «Контакты» — где мы.
  • Лендинга доставки — зона доставки.
  • Многолокационного сайта — все точки на одной карте.

Движок

Misea использует Яндекс.Карты через JS API. Для работы нужен API-ключ — как получить.

Без ключа карта не отрисуется, блок покажет плейсхолдер «Подключите ключ в настройках».

Добавление метки

  1. Добавили блок Карта.
  2. В редакторе справа → Адрес → начинаете печатать.
  3. Автодополнение через Яндекс-Nominatim предложит варианты. Выбираете нужный.
  4. Координаты сохраняются автоматически.

Можно добавить несколько меток — кнопка «Добавить адрес» в редакторе. Каждая может иметь свой:

  • Заголовок (в тултипе).
  • Короткое описание.
  • Свою иконку.

Масштаб и центр

  • Zoom — 10 (город целиком), 14 (квартал), 17 (здание).
  • Центр — авто (показывает все метки в виду) или вручную (координаты конкретной точки).

Если меток несколько, рекомендуется Auto-fit — карта сама вычислит оптимальный zoom, чтобы все метки были видны с комфортным отступом.

Стиль

  • Стандартная карта — классическое представление Яндекс.
  • Светлая — минималистичная, подходит для лёгких сайтов.
  • Тёмная — для ночного дизайна.
  • Спутник — спутниковые снимки (редко нужно).

Размеры

  • Высота — 300, 400, 500, 600 px или произвольная.
  • Ширина — на всю полосу или ограниченная (60–80 %).
  • Рамка и скругление — как у других блоков.

Интерактив

  • Скролл колёсиком — приближает / отдаляет карту.
  • Перетаскивание — сдвигает.
  • Клик по метке — раскрывает тултип с информацией.
  • Дабл-клик — zoom на точку клика.

На мобильном — стандартные жесты (pinch-to-zoom, pan).

Если нужно отключить интерактив (только статичная картинка) — галочка Disable interaction. Тогда клик по карте будет открывать её в полном режиме в отдельной вкладке Яндекс.Карт.

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

  • Доставка по всему городу, полный охват — метка одного адреса бесполезна. Вместо этого в разделе «Доставка» покажите зоны — Полигональные зоны.
  • У вас только QR-меню в кафе — не ведите лишнего кода на страницу, карта не нужна.

Следующие шаги