Как привязать карточки к определённым координатам и разворачивать их странице при клике на них?

Постала такая задача: есть карточки сделанные с помощью flex боксов, и есть картинка на бекграунде с маршрутом и определенными отметками, нужно привязать эти карточки к данным отметкам. Карточки выводятся цыклом с БД. Как мене их привязать к определенным координатам? И вообще правильно я мыслю или может есть для этого какие-то специальные компоненты - технологии?