Переключение между метками по кнопке

Нужно сделать переход по меткам по нажатию кнопки далее. Сейчас работает переход только на первую метку

          <script type="text/javascript">
ymaps.ready(init);
function init() {
    var myMap = new ymaps.Map("map", {
        center: [<?php echo $list[0]['point']; ?>],
 
        zoom: 16
    }, 
    {
        searchControlProvider: 'yandex#search'
 
    });
 
var myButton1 =
  new ymaps.control.Button(
    '<b>Далее</b>'
  );
 
  
myMap.controls.add(myButton1, {
  float: "left"
});
 
var myButton2 =
  new ymaps.control.Button(
    '<b>Назад</b>'
  );
 
  
myMap.controls.add(myButton2, {
  float: "left"
});
 
 
    var myCollection = new ymaps.GeoObjectCollection(); 
 
    <?php foreach ($list as $row): ?>
    var myPlacemark = new ymaps.Placemark([
        <?php echo $row['point']; ?>
    ], {
           balloonContentHeader: '<?php echo $row['adres']; ?>',           
           balloonContentBody: '<img src="uploads/<?  echo $row['name_image']  ?>" height="150" width="200"> <br/> ' +
            '<a href="single-property-page-1.php?id=<? echo $row['id_room']; ?>">Подробнее</a><br/>' 
     
    }, {
        preset: 'islands#icon',
        iconColor: '#274abb'
    });
 
myButton1.events//переход
  .add(
    'press',
    function () {
     myMap.panTo(
 
    [<?php echo $list[0]['point']; ?>], {
          
        flying: true
    }
);
    }
  )
 
 
    myCollection.add(myPlacemark);
    <?php endforeach; ?>
 
    myMap.geoObjects.add(myCollection);
    
    myMap.setBounds(myCollection.getBounds(),{checkZoomRange:true, zoomMargin:9});
 
    myPlacemark.balloon.open();
 
}
</script>