Поиск по месту и теме
Можно искать событие по словам, адресу или району и уточнять выбор фильтрами.
← Все кейсы02 / Картографическое веб-приложение
Карта событий
Городские новости в привязке к месту
Карта помогает увидеть, где произошло событие, найти его по теме или адресу и перейти к подробностям. Она связана с сайтом «Мой и твой Воронеж».
Открыть картуФорматВеб-приложение
Для пользователяПоиск и фильтры
ДанныеСобытия с координатами
/ 01 — Контекст
Не каждую новость удобно искать в ленте
Когда важен адрес или район, список публикаций не дает полной картины. Карта добавляет к новости пространственный контекст: события видны на местности, а не только в хронологии.
При этом карта не подменяет редакционный сайт. Карточка события дает краткую информацию и ведет к исходной публикации, если она есть.
/ 02 — РешенияКак устроен
Как устроен
проект
Карточка вместо перегрузки карты
На карте остается точка, а подробности открываются отдельно вместе со ссылкой на материал.
Отдельный API для событий
Интерфейс обращается к API; события хранятся отдельно и могут обновляться без пересборки карты.
Мобильная компоновка
Карта, поиск и карточка события адаптированы к небольшому экрану.
/ 03 — ТехнологииИз чего
Из чего
собрано
Показываем, за что отвечает каждая часть системы.
Клиентский интерфейс
TypeScript · Vite
Интерактивный поиск, фильтры и карточки событий
Картография
API Яндекс Карт
Подложка, метки и группировка близких событий
Серверный API
Node.js · Fastify
Выдача и поиск событий для интерфейса
Хранение данных
PostgreSQL · PostGIS
События, координаты и связанные данные
Развертывание
Docker · Nginx
Отдельные сервисы приложения и HTTPS-доступ
/ 04 — РезультатЧто
Что
получилось
Работающее веб-приложение: события можно просматривать на карте, отбирать фильтрами, открывать в карточке и передавать ссылкой. Оно дополняет, а не копирует новостной сайт.
Открыть карту