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

Есть Telegram-бот, в котором хранится база партнёров (флористов) по всему миру.

У каждого партнёра есть:

• название
• координаты (Google Maps точка)
• телефон / контакт
• рейтинг (обновляется динамически)
• цены / уровень цен
• наличие депозита
• наличие скидок
• качество флористики
• дополнительные параметры

Все данные уже структурированы внутри системы (бота).

Задача:

Разработать веб-интерфейс (или web-app), который визуализирует всех партнёров на карте (за основы взять Google Maps с уже знакомым и понятным интерфейсом, чтобы все было привычно), и позволяет менеджеру:

1. Ввести адрес доставки

2. Увидеть на карте ближайших партнёров

3. Быстро сравнить их по параметрам

4. Принять решение, кого выбрать

Функционал:

1. Карта (Google Maps API )

• отображение всех партнёров как маркеров
• кластеризация при зуме
• стандартный UX как у Google Maps (зум, перетаскивание)

2. Поиск по адресу

• ввод адреса (autocomplete)
• установка точки доставки
• отображение радиуса (например 3–5 км)

3. Расстояние

• расчёт расстояния от точки доставки до каждого партнёра (маршрут, а не по воздуху)
• сортировка по расстоянию

4. Карточка партнёра (по клику на маркер)

• название
• рейтинг
• расстояние
• телефон / контакт
• уровень цен
• депозит (да/нет)
• скидки (да/нет)
• краткая оценка качества

5. Боковая панель (очень важно)

• список ближайших партнёров
• сортировка:
  • по расстоянию
  • по рейтингу
  • по цене
• фильтры:
  • минимальный рейтинг
  • наличие депозита
  • ценовой диапазон

6. Сравнение

• возможность открыть 2–5 партнёров одновременно
• визуальное сравнение параметров

7. Интеграция

• получение данных через API (бот / база)

⸻

Дополнительно (желательно):

• цветовая индикация маркеров:
  • зелёный — высокий рейтинг
  • жёлтый — средний
  • красный — низкий
• быстрый выбор “лучшего партнёра”
• логика “рекомендованного партнёра”

Результат:

• рабочее веб-приложение
• возможность открыть по ссылке
• подключение к данным партнёров

⸻

Важно:

Интерфейс должен быть максимально быстрым, простым и максимально похожим на Google Maps.

Это инструмент для менеджеров, а не клиентский продукт.

⸻

2. Как лучше реализовать (очень важно)

Вариант 1 — самый правильный (рекомендую)

Google Maps + React

Почему:

• менеджерам уже знаком интерфейс
• минимальное обучение
• максимально быстро внедряется

Стек:

• Google Maps JavaScript API
• Places API (для адреса)
• Distance Matrix API (расстояние)

Что получится:

• вводишь адрес → карта центрируется
• показываются ближайшие партнёры
• справа список → как в Uber / Bolt

Также рассмотрю ваши варианты и идеи