Размещение карты с выделением зоны

Создание новой карты

Далее, в строке поиска, введите необходимый адрес и нажмите на пиктограмму "Лупа".

Курсор будет перемещен в место, которое вы указали в строке поиска. 

Работа с линиями на карте

Вы можете проложить маршрут, а также выделить необходимые зоны на карте. Для этого, на панели инструментов, нажмите по соответствующей иконке и добавьте линию от одной точки к другой на карте.   

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

По желанию, вы можете выбрать цвет участка, а также указать его наименование для удобной навигации. Для этого кликните по одной из созданных выделенных зон, во всплывающей форме нажмите по соответствующей иконке.

После этого, слева от карты вы увидите список созданных зон с произвольным наименованием и цветом. 

Размещение карты с зонами на сайте

После окончания создания и редактирования карты, получите её код для дальнейшего размещения на сайте.

Для этого, нажмите "Поделиться" в левой части конструктора. Далее, откройте доступ по желанию.

После настройки доступа, кликните по троеточию и нажмите - "Добавить на сайт".

Далее, вы получите код для публикации карты на вашем сайте.

Скопируйте код из всплывающего окна, и разместите его в форме редактирования страницы вашего сайта. Перейдите в редактирование содержимого раздела, где вы хотите разместить интерактивную карту.

Откройте HTML код страницы, кликнув по соответствующей иконке на панели инструментов.

Во всплывающем окне, необходимо разместить код интерактивной карты.

Вставьте код карты в конец содержимого (место размещения карты указано для примера - вы можете выбрать любое подходящее место в структуре страницы). Нажмите кнопку "Ок".

После проделанных действий, нажмите кнопку "Сохранить", и проверьте вывод карты на сайте.

Пример карты на сайте