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