Опис параметрів стилізації
Для зручності розуміння та налаштування параметрів застосовується мова YAML.
Загальні
Загальні параметри для всіх типів геометрії.
Підтримується ввід кольорів у форматах:
- html color name - напр.
white - HEX - напр.
'#ffffff'
type: point # Тип геометрії
label: settlement_name # Підпис, Назва колонки в БД
color: '#FF8343' # Колір
opacity: 0.6 # Прозорість
width: 1 # Товщина краю
stroke: '#eee' # Колір краю| Параметр | Опис | Значення | За замовчуванням |
|---|---|---|---|
| type | Тип геометрії | point polygon line | point |
| label | Підпис | settlement_name | - |
| color | Колір | red '#ffffff' | lightgray |
| opacity | Прозорість | від 0 до 1 | 1 |
| width | Товщина краю | від 1 | 1 |
| stroke | Колір краю | red '#ffffff' | blue |
Параметри точки
radius: 4 # Радіус точки| Параметр | Опис | Значення | За замовчуванням |
|---|---|---|---|
| radius | Радіус точки | від 1 | 6 |
Кластеризація (візуальне об'єднання)
Є два види кластеризації, полігон в точку pointZoom, та групування точок clusterZoom.
pointZoom: 8 # Максимальний зум кластеризації полігону в точку
clusterZoom: 16 # Максимальний зум кластеризації точок| Параметр | Опис | Значення | За замовчуванням |
|---|---|---|---|
| pointZoom | Кластеризація полігонів | від 1 до 20 | - |
| clusterZoom | Кластеризація точки | від 1 до 20 | - |
Атрибутивна стилізація
В параметрі colorSet можна вказати порядковий номер атрибуту '0', '1' ... або текстове значення 'construction', якщо таке вказано.
Атрибутивну стилізацію можна застосовувати разом з іконками та атрибутивними іконками.
colorAttr: status_bud # Назва атрибуту (колонка)
colorSet: # Набір кольорів для атрибутів
'1': red # Значення атрибуту та колір
'construction': '#eee'| Параметр | Опис | Значення | За замовчуванням |
|---|---|---|---|
| colorAttr | Колонка в БД | status_bud | - |
| colorSet | Набір кольорів для атрибутів | '1': red 'construction': '#eee' | Випадковий набір кольорів |
Подивитися на демо
Іконки
Код іконки icon будується за відповідними правилами в конструкторі іконок.
icon: pin6-m-fa-star+087593 # Код іконки
iconZoom: 14 # Максимальний зум на якому буде відображатись іконка| Параметр | Опис | Значення | За замовчуванням |
|---|---|---|---|
| icon | Код іконки | pin6-m-fa-star+087593 | - |
| iconZoom | Максимальний зум на якому буде відображатись іконка | від 1 до 20 | 16 |
Атрибутивні іконки
При атрибутивній класифікації параметр icon використовується для стилю піна та розміру іконки.
icon: pin6-m # Код іконки
iconAttr: status_bud # Назва атрибуту (колонка)
iconSet: # Набір іконок для атрибутів
'1': ty-heart # Значення атрибуту та іконка
'2': ty-zoo| Параметр | Опис | Значення | За замовчуванням |
|---|---|---|---|
| icon | Код іконки | pin6-m pin-xl | - |
| iconAttr | Колонка в БД | status_bud | - |
| iconSet | Набір іконок для атрибутів | '1': ty-heart '2': ty-zoo | - |
Подивитися на демо
Користувацькі іконки
Для додавання користувацької іконки, необхідно вказати відносний шлях до файлу або url хмарного сховища в iconPrefix
iconAttr: status_bud # Назва атрибуту (колонка)
iconPrefix: https://cdn.softpro.ua/data/icons/ # Шлях до користувацької іконки
iconSet: # Набір іконок для атрибутів
'1': pb.png # Значення атрибуту та іконка
'2': mono.png| Параметр | Опис | Значення | За замовчуванням |
|---|---|---|---|
| iconAttr | Колонка в БД | status_bud | - |
| iconPrefix | Шлях до іконки, або url хмарного сховища | https://cdn.softpro.ua/data/icons/ | - |
| iconSet | Набір іконок для атрибутів | '1': pb.png '2': mono.png | - |
Подивитися на демо