¶ 1. Вхід на сторінку Геозони
- Користувач авторизується у системі.
- З верхнього меню або бокової навігації обирає пункт Геозони.
- Сторінка завантажується: ліва панель зі списком створених геозон; центральна частина — інтерактивна карта; верхня навігація з основними розділами залишається як у Моніторингу.
¶ Наявна Верхня панель навігації:
- Профіль
- Моніторинг
- Треки
- Повідомлення
- Звіти
- Геозони
- Події
- Адміністрування
¶ 2. Основні елементи інтерфейсу
Ліва панель список геозон:
- Картка геозони містить Назву, Кількість автомобілів у геозоні, Площу в км.2., Периметр в м., Ресурс (доступ), індикатор кольору (іконка біля назви)
- Кнопки дій на картці: Переглянути, Скопіювати, Редагувати, Видалити.
- Чекбокс для масового вибору;
- Фільтри і поле пошуку по назві (зверху над картками геозони).
Фільтрація типів геозон:
- Перемикачі: Всі, Полігон, Коло, Лінія.
Кнопка Створити геозону "+" (у верхній частині панелі)
Центральна карта:
- Відображення всіх активних геозон з кольорами, прозорістю і товщиною лінії.
- Підтримка центрування на геозоні при перегляді
Нижні та бічні елементи:
- Відображення координат курсора, індикатор статусу системи, іконка згортання панелі.
¶ 3. Створення геозони покроково
Користувач натискає Створити геозону. Відкривається форма створення (бічна панель).
Поля форми:
- Назва геозони — текстовий інпут.
- Товщина лінії: 1, 2, 3, 4, 5, 6, 8, 10 px.
- Колір геозони: синій, червоний, жовтий, зелений, оранжевий, фіолетовий (за замовчуванням синій).
- Тип геозони селект: Полігон, Коло, Лінія.
- Видимість прозорість: шкала 1–20.
Малювання на карті:
- Полігон: кліки ставлять точки на карті; остання і перша точка замикаються; подвійний клік на останній точці зберігає полігон. При малюванні від 3х точок, в формі створення автоматично обраховується Площа та Периметр та виводяться відповідні значення
- Лінія: кліки ставлять послідовні точки; подвійний клік на останній точці зберігає лінію. При малюванні радіуса на карті, в формі створення автоматично обраховується Площа та Периметр та виводяться відповідні значення
- Коло: один клік ставить центр; рух курсора визначає радіус; підтвердження кліком або подвійним кліком завершує. При малюванні лінії від 2х точок, в формі створення автоматично обраховується Площа та Периметр та виводяться відповідні значення
- Створити — зберегти геозону; після збереження вона з'являється у списку лівої панелі.
- Відміна — скасувати створення і прибрати незбережений ескіз з карти.
- Опціонально Зберегти як чернетку або Зберегти і показати на карті.
¶ 4. Взаємодія зі списком створених геозон
Переглянути геозону:
- Натискання кнопки Переглянути центрує карту та встановлює зум, щоб показати всю область геозони.
- Чітка візуальна фокусировка: підсвічена рамка, виділена заливка або контур.
Копіювання геозони:
- Натискання кнопки Скопіювати копіює GeoJSON координату, яку можна вставити в зовнішню навігаційну карту й відобразити геозону на карті.
Видалення:
- Кнопка Видалення відкриває підтвердження з попередженням; після підтвердження геозона зникає з активного перегляду, але може зберігатися в архіві.
Пошук та фільтрація:
- Поле пошуку фільтрує список у реальному часі за назвою.
- Фільтри по типу (Всі, Полігон, Коло, Лінія) змінюють відображення списку і карти.
Мультивибір:
Чекбокси дозволяють показувати/ховати кілька геозон одночасно або масово деактивувати.