Интерактивная карта грузоперевозок для 1С
Интерактивная карта заказов на доставку, встроенная прямо в интерфейс 1С. Leaflet.js + OpenStreetMap: маркеры с кластеризацией по адресу, двусторонний обмен данными с 1С.
Задача
Логисты в 1С работали со списком заказов на доставку — адреса, клиенты, товары. Ориентироваться по таблице неудобно: непонятно как заказы распределены географически, где кластеры, куда ехать сначала.
Задача: встроить прямо в интерфейс 1С интерактивную карту с заказами.
Как работает
Карта реализована как HTML-страница на Leaflet.js и OpenStreetMap, встроенная в форму 1С. Взаимодействие двустороннее:
1С → Карта: при открытии форма передаёт список заказов в карту через скрытое поле — JSON с координатами, адресами, ФИО клиентов, составом товаров и цветом маркера.
Карта → 1С: при клике на маркер открывается попап со списком заказов по этому адресу. Заказы можно отметить галочками и нажать «Открыть» — карта возвращает выбранные ID обратно в 1С, где с ними продолжается работа.
Детали реализации
- Несколько заказов по одному адресу группируются в один маркер — попап раскрывает весь список с возможностью выбора
- Цвет маркера берётся из данных 1С — визуально различаются статусы или типы доставки
- Встроенная система логирования (
getLogsFor1C) для отладки прямо из 1С - Карта центрирована по координатам города
Адаптация под мобильные устройства
После запуска карту доработали под мобильные устройства — логисты могут пользоваться ею прямо со смартфона в поле.
Стек
Leaflet.js + OpenStreetMap + встроенный HTML в 1С (внешняя обработка)