Как можно связать балуны яндекс карт с элементами слайдера
Я хочу связать балуны карты с карточками слева. тоесть если я кликаю на определённый балун то слева свайпер скроллится до определённой карточки.
Код свайпера
const storeSlider = new Swiper('.store-page-slider', {
loop: false,
direction: 'vertical',
slidesPerView: 2,
spaceBetween: 20,
})
Код карты
const mapContainer1 = document.querySelector('#store-map')
if (mapContainer1) {
ymaps.ready(init)
function init() {
let myMap = new ymaps.Map(mapContainer1, { center: [55.85, 37.45], zoom: 13 })
// Элементы управления картой
//myMap.controls.add("zoomControl").add("typeSelector").add("mapTools");
ymaps.geocode('г. Москва, Тверская 7').then(function (res) {
let coord = res.geoObjects.get(0).geometry.getCoordinates()
let myPlacemark = new ymaps.Placemark(
coord,
{},
{
iconLayout: 'default#image',
iconImageHref: './img/content/map/mark.png',
iconImageSize: [52, 52],
iconImageOffset: [-27, -74],
}
)
myMap.geoObjects.add(myPlacemark)
myMap.setCenter(coord)
// Сдвиг центра карты вправо
let newcoord = myMap.getGlobalPixelCenter()
newcoord[0] -= 150
myMap.setGlobalPixelCenter(newcoord)
})
}
}