Переключение между Balloon в Яндекс картах
Как сделать переключение между balloon?
<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>