Насколько я понимаю Вы хотите совместить с примером" Внутри этого всплывающего окна вы можете использовать любой html-код, например, вставить фото или видео."
Вам необходимо добавить Функцию:
function example () {
map.setCenter(new YMaps.GeoPoint(39.74599,54.6405));
placemark.setGeoPoint(new YMaps.GeoPoint(39.750694,54.635798));
placemark.setBalloonContent('
Внутри этого всплывающего окна вы можете использовать любой html-код, например, вставить фото или видео.
В примере, в конструктор класса передается три параметра: геоточка, имя вокзала и ссылка на пункт меню справа.
SimpleOverlay (geoPoint, name, link)
То, что передали в параметре name, отображается в балуне. Вместо name Вы можете передавать любое другое содержимое.
Нужно добавить одно поле в объекты, которые хранятся в массиве stations:
Выглядеть один объект будет так:
{point: new YMaps.GeoPoint(37.579762, 55.775981), name:'Белорусский вокзал', link: 'http://ya.ru'}
В конструктро класса SimpleOverlay необходимо будет передавать еще один параметр:
function SimpleOverlay (geoPoint, name, myHref, link)
Также немножко нужно изменить метод openBalloon() класса SimpleOverlay:
this.openBalloon = function () {
link.className = "active";
getElement().style.display = "none";
var content = document.createElement('a');
content.href = myHref;
content.innerHTML = name;
map.openBalloon(geoPoint, content, {onClose: function () {
link.className = getElement().style.display = "";
}});
};
В функции createOverlay создаем оверлеи так:
newOverlay = new SimpleOverlay(station.point, station.name, station.link, link);