Фоновое изображение подписи | MapGL | 2GIS Documentation
MapGL JS API

Фоновое изображение подписи

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

Пример подписей с фоновым изображением

Чтобы изображение растягивалось качественно, необходимо явно обозначить монотонные участки изображения, искажение которых не будет заметно глазу. Эти участки будут автоматически растягиваться так, чтобы размер изображения соответствовал размеру подписи. На рисунке ниже синими участками обозначены зоны горизонтальной растяжки, а розовыми — вертикальной:

Схема растяжения изображения

Фон подписи создается с помощью SVG-изображения. Вы можете добавить собственное изображение или использовать существующую иконку из стиля.

Примечание

Чтобы растянуть текстуру по ширине и высоте независимо, некоторым браузерам (например, Firefox) требуется наличие атрибута preserveAspectRatio со значением none у SVG-изображения.

  1. Откройте Редактор стилей.

  2. Откройте меню Иконки и выберите Загрузить иконки -> Выбрать файлы:

    Загрузить иконки Выбрать файлы
  3. Дождитесь загрузки файла и нажмите ОК.

  4. Снова откройте меню Иконки, найдите загруженное изображение (воспользуйтесь поиском по имени файла) и выберите Редактировать иконку.

    Редактировать иконку
  5. В окне редактирования внизу укажите области растяжения по ширине (W) и по высоте (H):

    Области растяжения
  6. Нажмите Сохранить.

  1. Откройте или создайте точечный стилевой слой.

  2. В настройках слоя выберите загруженное фоновое изображение в качестве иконки.

    Фоновое изображение
  3. Настройте атрибуты текста иконки.

    Настройки текста
  4. Настройте отступы текста на иконке.

    Отступы текста

Результат:

Result