Перейти к основному контенту

Изображение с метками

Блок «Изображение с метками» это интерактивный блок, позволяющий расставить метки на изображении. Его можно использовать, чтобы показать, как выглядят те или иные объекты.

Как выглядит блок?

map1-look.jpg

Как добавить блок?

Наведите курсор на линию между блоками и нажмите на появившийся значок "плюс", чтобы открыть меню с блоками. Подробнее о добавлении блоков.

Как выглядит блок в меню

 map0-menu.jpg

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

imgspot2-new.gif

Чтобы увеличить демонстрацию, нажмите на нее.

Как работать с блоком?

Всё просто. Создайте блок и и добавьте в него своё изображение. А затем расставьте метки и добавьте к ним текст.

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

Создание блока и добавление картинки

map2-create.gif

Чтобы увеличить демонстрацию, нажмите на нее.

2. Затем добавьте метки на изображении. Для этого достаточно просто нажать на него в любом месте.

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

map3-marks.gif

Чтобы увеличить демонстрацию, нажмите на нее.

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

Добавление подписи

map4-text.gif

Чтобы увеличить демонстрацию, нажмите на нее.

Как удалять метки?

Чтобы удалить метку, нажмите на неё, откроется окошко с текстом. Справа от текста вы увидите значок «Корзина». Нажмите на него, чтобы удалить эту метку.

Удаление метки

map6-markdel.gif

Чтобы увеличить демонстрацию, нажмите на нее.

Как изменить внешний вид?

Вы можете настроить внешний вид маркеров. Можно выбрать:

  • цвет фона
  • цвет маркера
  • значок маркера
Настройка маркеров

map5-markset.gif

Чтобы увеличить демонстрацию, нажмите на нее.

Также вы можете изменить текст подсказки.

Как я могу использовать этот блок?

Этот блок хорошо подходит:

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