Встраивание без кода

Карта на сайте за три шага, без программирования:

1. Откройте конструктор, найдите своё место, поставьте метки кликом по карте.
2. Нажмите «Скопировать» на вкладке iframe.
3. Вставьте код в HTML-блок своего сайта (Tilda, WordPress, Битрикс, любой конструктор сайтов).

<iframe
  src="https://evamaps.ru/embed#v=1&c=37.6173,55.7558&z=12&m=37.6173,55.7558,e53935,%D0%9E%D1%84%D0%B8%D1%81"
  width="100%" height="400" loading="lazy" style="border:0" title="Карта"
  sandbox="allow-scripts allow-popups"
></iframe>

Вставляйте код как есть. Атрибут sandbox не удаляйте: он отделяет карту от вашего сайта.

Сохранить карту

Кнопка «Сохранить» в конструкторе запоминает карту и даёт короткий код — во вкладке «Короткий код»:

<iframe
  src="https://evamaps.ru/embed#id=Ab3dE7xK"
  width="100%" height="400" loading="lazy" style="border:0" title="Карта"
  sandbox="allow-scripts allow-popups"
></iframe>

Дальше правки в конструкторе видны на всех сайтах, куда уже вставлен этот код: сам код на сайте менять не нужно.

После первого сохранения конструктор просит сохранить ссылку для правки. Без неё карту изменить нельзя — скопируйте её кнопкой «Скопировать ссылку для правки» и положите в надёжное место. Адрес выглядит так: https://evamaps.ru/constructor/#edit=Ab3dE7xK.….

«Мои карты» — список в этом браузере: открыть, убрать из списка или удалить карту. На другом компьютере или в другом браузере списка нет, карта откроется только по сохранённой ссылке для правки.

Вкладка «Без сохранения» — прежний способ: вся карта внутри ссылки. Так можно вставить карту, даже если сохранение недоступно. Если меток слишком много и в ссылку они не помещаются, конструктор предложит сохранить карту и взять короткий код.

Что можно настроить в конструкторе

• Название карты — для списка «Мои карты» и сохранённой карты.
• Место и масштаб — просто подвиньте карту.
• Тема — светлая, тёмная или серая.
• Размер — ширина (на всю ширину или в пикселях) и высота.
• Кнопки «+ / −» и линейка масштаба.
• Метки:
  • цвет;
  • короткая подпись (до 24 символов), видна рядом с меткой;
  • описание (до 1000 символов), открывается по клику;
  • ссылка.
• Фигуры — линии, многоугольники и круги (инструменты над картой: кликайте, чтобы ставить точки, «Готово» или двойной клик — завершить, у круга второй клик или ползунок задаёт радиус):
  • цвет и толщина линии;
  • заливка и её прозрачность (многоугольник, круг);
  • подпись и описание — так же, как у метки, открываются по клику;
  • ссылка.
  • До 20 фигур, до 500 точек на фигуру.

Карту можно целиком оставить в коде вставки (вкладка «Без сохранения») или сохранить и вставить короткий код. Сохранённая карта вмещает больше меток, чем ссылка.

Колесо мыши на встроенной карте

По умолчанию карта масштабируется колесом только с зажатым Ctrl (⌘ на Mac). Обычная прокрутка листает страницу. На телефоне страницу листают одним пальцем, карту двигают двумя. Так посетитель не «застревает» в карте, прокручивая страницу.

Если карта — единственное, что есть на странице, эту защиту можно выключить в конструкторе («Колесо без Ctrl»).

Поправить карту

Сохранённую карту откройте ссылкой для правки (её показал конструктор после «Сохранить») или из «Моих карт» в том же браузере.

Карту без сохранения можно поправить прямо в ссылке после #. Например, чтобы приблизить, поменяйте z=12 на z=14. Или вставьте эту ссылку в адресную строку конструктора.

Формат ссылки полностью

Пары ключ=значение через &. Каждое значение закодировано отдельно (encodeURIComponent), поэтому запятые, ; и русский текст внутри полей не ломают ссылку.

Ключ	Значение	По умолчанию
v	версия формата	1
c	центр долгота,широта	37.6173,55.7558
z	масштаб, 0–19	11
t	тема: light, dark, gray	light
zc	кнопки масштаба: 1 / 0	1
sc	линейка: 1 / 0	0
coop	колесо только с Ctrl: 1 / 0	1
m	метка (повторяется для каждой)	—
s	фигура — линия, многоугольник или круг (повторяется для каждой)	—
id	сохранённая карта (8 символов), вместо полного набора настроек	—

Метка m — поля через запятую: долгота,широта,цвет,подпись,описание,ссылка.

• Координаты обязательны.
• Цвет — hex без # (e53935).
• Подпись — до 24 символов, описание — до 1000, выводятся только как текст (HTML не разбирается).
• Ссылка — только http(s).
• Пустые поля в конце можно не писать.
• Меток не больше 50.
• Неверные значения отбрасываются, карта при этом не ломается.

Фигура s — поля через запятую: тип,цвет,толщина,заливка,прозрачность,радиус,подпись,описание,ссылка,точки. Тип — l (линия), p (многоугольник) или c (круг); радиус — только у круга, в метрах; точки — координаты в сжатом виде, руками не пишутся (правьте фигуру в конструкторе). Подпись, описание и ссылка — как у метки. Фигур не больше 20, точек на фигуру — не больше 500.

Нужно управлять картой из кода?

Например, двигать карту по клику на список филиалов. Об этом — «Управление картой из кода».