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

Я хочу связать балуны карты с карточками слева. тоесть если я кликаю на определённый балун то слева свайпер скроллится до определённой карточки.

Код свайпера

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)
    })
  }
}

Ответы (0 шт):