Кейс · Госсектор · ГИС
Разработка геоинформационной платформы
Сервис карт с созданием объектов разных типов, измерением расстояний, построением фигур, конвертацией координат и управлением доступами — фронтенд на React и TypeScript с Mapbox GL: пакетная конвертация координат на proj4, кастомный Drag-and-Drop, система Undo/Redo и переработка панели рисования.
- Отрасль
- Госсектор · ГИС
- Наша роль
- Frontend-разработчик
- Команда проекта
- 23 человек
- React
- Redux
- TypeScript
- Mapbox GL
- react-map-gl
- turf
- geojson
- proj4
- classnames
- dayjs
- geomagnetism
- material-ui
- react-beautiful-dnd
- react-csv
- react-datepicker
- react-dropzone
- react-highlight-words
- react-hook-form
- swiper
- tailwind
- usehooks-ts
- yup
Контекст
Сервис карты с возможностью создавать на ней объекты различного типа, измерять расстояния, строить фигуры (радиус, полигон, сектор, линия), конвертировать координаты, выдавать пользователям соответствующие доступы, менять спутниковые слои, отображать карты различных высот и данные об инфраструктуре.
Роль и команда
Роль на проекте — Frontend-разработчик.
Команда: проджект-менеджер, тимлид, 2 UI/UX-дизайнера, 8 frontend-разработчиков, 3 fullstack-разработчика, 6 backend-разработчиков, 3 QA-инженера, 1 системный аналитик.
Что сделали
Разработка функционала карты и геоинструментов
- Комплексный инструмент для пакетной конвертации списков координат между различными системами с использованием библиотеки proj4.
- Новый универсальный блок фильтрации объектов карты: переработка унаследованной логики и поддержка новых параметров.
- Поддержка объектов нового типа — «геолоцированных событий».
Развитие пользовательского интерфейса и взаимодействия
- Кастомный механизм Drag-and-Drop с использованием react-beautiful-dnd.
- Система отмены (Undo) и повтора (Redo) операций при рисовании фигур, создании и редактировании объектов на карте.
- Масштабная переработка панели инструментов рисования: редизайн и функционал для точного редактирования вершин фигур.
Разработка и интеграция
- Разработка и поддержка клиентской логики приложения на React и TypeScript, включая обработку пользовательских событий.
- Активное участие в рефакторинге кодовой базы для повышения производительности.
- Полная реализация пользовательского интерфейса по готовым макетам и ТЗ.
Команда на проекте
Нужна такая же экспертиза в команде?
Подберём инженеров под ваш стек и задачи — обсудим за день.