Онлайн-отслеживание
Страница отслеживания отображает все ваши транспортные средства на интерактивной карте с обновлением позиций в реальном времени. Иконки транспортных средств, индикаторы статуса и показания датчиков обновляются автоматически по мере поступления новых данных от GPS-устройств — обновлять страницу не нужно.
Интерфейс
Страница разделена на две области:
- Список транспортных средств — боковая панель слева (на компьютере) или кнопка списка (на мобильных)
- Карта — основная область с позициями всех транспортных средств
Список транспортных средств
Список позволяет искать, фильтровать и выбирать транспортные средства. Все ТС отображаются в едином плоском списке — без группировки.
Панель инструментов
Панель инструментов расположена над списком и содержит три элемента управления в одном ряду:
- Кнопка переключения (слева) — показать или скрыть список ТС
- Строка поиска (по центру) — ввод текста для мгновенной фильтрации
- Кнопка фильтра (справа, иконка воронки) — открыть всплывающее окно фильтров
Оранжевая точка на кнопке фильтра появляется, когда активен хотя бы один фильтр.
Поиск
Введите текст в строку поиска для фильтрации по названию ТС, имени устройства или номерному знаку. Результаты обновляются мгновенно.
Фильтры
Нажмите кнопку фильтра, чтобы открыть всплывающее окно со следующими параметрами:
- Статус — фильтр по статусу: «Онлайн», «Офлайн» или «Неизвестно». Рядом с каждым пунктом отображается количество ТС в реальном времени.
- Группа — фильтр по группе устройств. Отображается только при наличии назначенных групп.
- Сортировка — сортировка списка по названию или времени последнего обновления. По умолчанию — порядок регистрации ТС.
- Фильтровать на карте — если включено, ТС, не соответствующие активным фильтрам, скрываются не только из списка, но и с карты.
- Сбросить фильтры — отображается внизу всплывающего окна при активных фильтрах. Сбрасывает все фильтры одновременно.
Строки списка
Каждая строка отображает:
- Иконку — символ категории ТС (легковой, автобус, грузовик, мотоцикл и др.) в круглом значке
- Название ТС — основная подпись
- Дополнительная подпись — вторая строка с номерным знаком (или другим настроенным полем, например, именем устройства) и статусом онлайн / времени последнего сеанса
- Индикаторы статуса (справа) — иконки датчиков и состояния устройства
Текст статуса онлайн
Дополнительная строка содержит цветной статус:
| Текст | Значение |
|---|---|
| Онлайн (зелёный) | Устройство активно подключено |
| Относительное время (приглушённый, например «2 часа назад») | Последний сеанс был недавно, в пределах нормы |
| Относительное время (красный) | Последний сеанс был очень давно (более 7 дней) |
| Офлайн (красный) | Данные не поступали вообще |
Дополнительные индикаторы
В каждой строке ТС могут отображаться дополнительные иконки справа, в зависимости от данных, передаваемых GPS-устройством:
- Зажигание (иконка двигателя): Зелёный — зажигание включено, серый — выключено. Скрывается, если устройство не передаёт этот атрибут.
- Батарея: Показывает текущий уровень заряда с соответствующей иконкой. Зарядка отображается отдельно. Цвет меняется от зелёного к жёлтому и красному по мере разряда.
- Топливо (иконка капли): Отображается при наличии датчиков топлива с калибровочными данными. Показывает суммарный уровень топлива в литрах по всем откалиброванным датчикам.
- Эко-оценка (иконка руля): Отображается при наличии датчиков оценки стиля вождения. Цвет отражает диапазон: зелёный (≥ 8 — отлично), серый (≥ 6 — хорошо), жёлтый (≥ 4 — удовл.), синий (≥ 2 — плохо), красный (< 2 — очень плохо).
- Замок: Отображается на ТС, недоступных в текущем тарифе. Такие ТС нельзя выбрать.
Выбор транспортного средства
Нажмите на строку ТС, чтобы центрировать карту на нём и открыть карточку статуса. На мобильных устройствах список закрывается автоматически после выбора.
Карта
Карта работает на основе MapLibre GL и поддерживает множество слоёв тайлов.
Маркеры
Каждое ТС отображается в виде круглого маркера с иконкой, соответствующей категории (легковой, автобус, грузовик, мотоцикл и др.). Индикатор направления показывает текущий курс движения. При желании под маркером отображается подпись — тип подписи (название, номерной знак, скорость и др.) настраивается в параметрах карты.
При близком расположении нескольких ТС они объединяются в кластер с числом. Кластеры автоматически раскрываются при увеличении масштаба.
Карточка статуса
При выборе ТС — из списка или нажатием на маркер на карте — в нижней центральной части карты появляется карточка статуса. В ней отображается:
- Название ТС
- Скорость — текущая скорость в км/ч
- Имя устройства
- Топливо — суммарный уровень в литрах (только при наличии откалиброванных датчиков топлива)
- Эко-оценка — оценка стиля вождения (только при наличии датчиков)
- Последний сеанс — относительное время последнего GPS-обновления
- Кнопка «Подробнее» — открывает панель с полной информацией о ТС (доступна только при наличии разрешения
tracking:details)
Закройте карточку кнопкой ×. Карточка автоматически скрывается при открытии панели подробностей.
Траектория движения
Цветной след показывает недавний маршрут каждого ТС. Длина следа ограничена последними ~0,5 км. Старые точки удаляются автоматически по мере движения.
Элементы управления
- Масштаб: Кнопки на карте или жест/прокрутка
- Полноэкранный режим: Кнопка на карте
- Переключение слоёв карты — выбор из нескольких вариантов: OpenStreetMap, Google, Яндекс, Carto, MapTiler и других (в зависимости от настроенных ключей API)
- Авто-подгонка: При загрузке страницы карта автоматически масштабируется для отображения всех ТС
Фильтровать на карте
Если в всплывающем окне фильтров включена опция «Фильтровать на карте», на карте отображаются только маркеры ТС, соответствующих активным поисковому запросу и фильтрам. Остальные маркеры скрываются.
Автоследование
После выбора ТС карта автоматически перемещается вслед за ним. Это продолжается, пока ТС остаётся выбранным.
Подробная информация о ТС
Нажмите «Подробнее» в карточке статуса, чтобы открыть панель с поиском и данными в четырёх разделах. На компьютере панель выдвигается справа, на мобильных — снизу.
Информация об устройстве
Данные GPS-устройства: название, идентификатор (IMEI), телефон, контакт, категория, модель, статус, группа, срок действия.
Датчики
Показания настроенных датчиков по типам:
- Датчики топлива: Показания каждого датчика с применением калибровки. При наличии нескольких датчиков отображается суммарное значение.
- Датчики эко-оценки: Индивидуальные и средние оценки стиля вождения по нескольким датчикам.
Информация о транспортном средстве
Регистрационные данные: название, марка, модель, год выпуска, гос. номер, VIN, тип, вместимость, заметки.
Атрибуты
Все остальные данные от GPS-устройства: высота, температура, состояние зажигания, движение, спутники, HDOP, обороты двигателя, напряжение, мощность и другие пользовательские атрибуты.
Используйте строку поиска в верхней части панели для быстрого поиска любого поля.
Обновления в реальном времени
Страница отслеживания использует WebSocket-соединения (по одному на каждое устройство):
- Позиции ТС обновляются мгновенно при поступлении новых GPS-данных
- Текст статуса онлайн обновляется сразу в каждой строке списка
- Карточка статуса обновляется автоматически при поступлении новой позиции выбранного ТС
- Траектории движения удлиняются в реальном времени
- Автоследование перемещает карту, удерживая выбранное ТС в поле зрения
Соединения открываются при входе на страницу и закрываются при выходе. Фоновый опрос сервера не используется.
Мобильные устройства
На мобильных устройствах:
- Список ТС заполняет весь экран, когда открыт — нажмите кнопку переключения (верхний левый угол карты), чтобы показать или скрыть его
- После выбора ТС из списка он закрывается автоматически и возвращает к виду карты
- Панель подробностей выдвигается снизу
- Все функции реального времени работают так же, как на компьютере