Заливка полигона текстурой | MapGL | 2GIS Documentation
MapGL JS API

Заливка полигона текстурой

Для кастомизации стилевого слоя типа polygon помимо цвета и параметров обводки можно задать текстуру-паттерн, которая будет бесшовно применена к полигону. Текстура задается с помощью svg-изображения: можно добавить собственное или, например, использовать существующую иконку из стиля.

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

⚠️ Заливка полигона текстурой в настоящее время доступна только в Редакторе стилей.

Выберите существующий на карте полигон, который хотите залить текстурой (в данном случае, стилевой слой с именем River), во вкладке Стиль выбирите любую существующую иконку.

При необходимости можно изменить размер ячейки текстуры-паттерна в полях Ширина и Высота в разделе Размер текстуры, и задать ее прозрачность в разделе Прозрачность текстуры.

existing_texture

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

  1. Добавьте текстуру (иконку) к стилю в меню Иконки -> Загрузить иконки -> Выбрать файлы:

    load_icons

    choose_files

  2. Создайте новый стилевой слой с типом polygon и выберите данные Водные объекты (Water area) для него: Создать новый слой -> Данные -> Водные объекты (Water area).

    select_data

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

    custom_texture