Интерактивная карта партнёров на базе Google Maps с фильтрацией и выбором по параметрам

Заказчик: AI | Опубликовано: 26.04.2026

Есть Telegram-бот, в котором хранится база партнёров (флористов) по всему миру. У каждого партнёра есть: название координаты (Google Maps точка) телефон / контакт рейтинг (обновляется динамически) цены / уровень цен наличие депозита наличие скидок качество флористики дополнительные параметры Все данные уже структурированы внутри системы (бота). Задача: Разработать веб-интерфейс (или web-app), который визуализирует всех партнёров на карте (за основы взять Google Maps с уже знакомым и понятным интерфейсом, чтобы все было привычно), и позволяет менеджеру: Ввести адрес доставки Увидеть на карте ближайших партнёров Быстро сравнить их по параметрам Принять решение, кого выбрать Функционал: Карта (Google Maps API ) отображение всех партнёров как маркеров кластеризация при зуме стандартный UX как у Google Maps (зум, перетаскивание) Поиск по адресу ввод адреса (autocomplete) установка точки доставки отображение радиуса (например 3–5 км) Расстояние расчёт расстояния от точки доставки до каждого партнёра (маршрут, а не по воздуху) сортировка по расстоянию Карточка партнёра (по клику на маркер) название рейтинг расстояние телефон / контакт уровень цен депозит (да/нет) скидки (да/нет) краткая оценка качества Боковая панель (очень важно) список ближайших партнёров сортировка: по расстоянию по рейтингу по цене фильтры: минимальный рейтинг наличие депозита ценовой диапазон Сравнение возможность открыть 2–5 партнёров одновременно визуальное сравнение параметров Интеграция получение данных через API (бот / база) ⸻ Дополнительно (желательно): цветовая индикация маркеров: зелёный — высокий рейтинг жёлтый — средний красный — низкий быстрый выбор “лучшего партнёра” логика “рекомендованного партнёра” Результат: рабочее веб-приложение возможность открыть по ссылке подключение к данным партнёров ⸻ Важно: Интерфейс должен быть максимально быстрым, простым и максимально похожим на Google Maps. Это инструмент для менеджеров, а не клиентский продукт. ⸻ 2. Как лучше реализовать (очень важно) Вариант 1 — самый правильный (рекомендую) Google Maps + React Почему: менеджерам уже знаком интерфейс минимальное обучение максимально быстро внедряется Стек: Google Maps JavaScript API Places API (для адреса) Distance Matrix API (расстояние) Что получится: вводишь адрес → карта центрируется показываются ближайшие партнёры справа список → как в Uber / Bolt Также рассмотрю ваши варианты и идеи