Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • Легенда условные обозначения объектов слоя, настраиваемые через JSON с указанием цвета, типа геометрии и границ.
  • Предфильтрация фильтрация объектов по свойствам до загрузки слоя, реализуется с помощью JSON с логическими операциями (eq, neq, and, or).
  • Расширенная стилизация позволяет задавать несколько частей стиля (например, основная линия и подсветка при выборе), включая параметры цвета, ширины, формы концов и соединений, а также подписи с условиями отображения по зуму.
  • Для корректной работы клика по объекту в стиле должен присутствовать слой с именем main.
  • Для подсветки выбранного объекта используется слой с именем select.
  • Цвета в стилях обычно задаются в формате HEX, но поддерживаются также RGB, RGBA, HSL и HSLA.
  • SVG-иконки добавляются через символы; собственные изображения необходимо загружать на сервер.
  • Чтобы добавить свои изображения, обратитесь к Ивану он разместит их в нужной директории на сервере.
  • Слои и стили можно клонировать и переносить между проектами, что упрощает работу и позволяет использовать готовые решения с минимальными изменениями.

...

Фильтры можно комбинировать и вкладывать друг в друга.

Указание логики между фильтрами

Для определения порядка применения условий в JSON используются специальные ключи:

  • nextLogicOperationType указывает логическую операцию между несколькими фильтрами.
    Пример: объединение двух условий через and.
  • nextFilterLogicOperationType используется в более сложных случаях (редко).

Пример фильтра с and:

{
  "filter": [
    { "property": "region", "operator": "eq", "value": "Dagestan" },
    { "property": "roadType", "operator": "neq", "value": "federal" }
  ],
  "nextLogicOperationType": "and"
}

Этот фильтр отображает объекты, которые одновременно:

  • находятся в регионе «Dagestan»;
  • не относятся к федеральным дорогам.

Дополнительно:

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

...

  • Ускоряет настройку
  • Позволяет использовать проверенные решения
  • Обеспечивает единый стиль оформления
Рекомендуемые ресурсы
  • Внутренняя документация разработчиков по JSON-структурам слоёв и фильтров
  • Документация по библиотеке Mapbox GL (основа стилизации)
  • Онлайн-сервисы для подбора цветов (Color Picker, HEX, RGB, HSL)