Есть собственная интерактивная карта на Leaflet library. Она выводится на поисковой странице сайта вместе со списком карточек. Работают они одновременно деля экран пополам. Задача соотнести список и метки на карте так, чтобы при выделении метки на карте в списке показывалась соответствующая карточка, а при выделении карточки в списке на карте отображалась соответствующая метка. Метки на карте у нас уже выведены.

Знание Leaflet и git обязательно!
По карте есть подробная инструкция.