Добрый день
Подскажите пожалуйста как можно объединить build: function () для всех Placemark,
чтоб не писать BalloonContentLayout = ymaps.templateLayoutFactory.createClass для каждой метки.
myMap = new ymaps.Map("map", {
center: [55.753994, 37.622093],
zoom: 10,
controls: ["smallMapDefaultSet"]
}),
BalloonContentLayout = ymaps.templateLayoutFactory.createClass(
'<div><div class="balloon-content__header">Адрес: г. Москва, ул. Маяковского, д. 22</div><div style="display: inline-block; width: 70%; vertical-align: top;"><a href="#zhukovsky" class="more-address">Подробнее</a></div></div>', {
build: function () {
BalloonContentLayout.superclass.build.call(this);
$('.more-address').bind('click', this.onaddressClick);
},
clear: function () {
$('.more-address').unbind('click', this.onaddressClick);
BalloonContentLayout.superclass.clear.call(this);
},
onaddressClick: function () {
var href = $(this).attr('href');
$('.list-items').find('.list-item').removeClass('is-active');
$('.list-items').find(href).parent('.list-item').addClass('is-active');
}
});
myMap.geoObjects
.add(new ymaps.Placemark([55.595752817741655,38.12268014974462], {
hintContent: 'Жуковский'
}, {
balloonContentLayout: BalloonContentLayout,
balloonPanelMaxMapArea: 0
}))
.add(new ymaps.Placemark([55.426712569291176, 37.75617349999999], {
hintContent: 'ПВЗ-1 Домодедово',
balloonContentHeader: 'Адрес: ул. Лунная, д. 9',
balloonContentBody: '<div style = "display: inline-block; width: 29%; vertical-align: top;"> Время работы:</div><div style = "display: inline-block; width: 70%; vertical-align: top;"> Пн: 10:00-20:00</div>' balloonContentFooter: '<div style = "display: inline-block; width: 29%; vertical-align: top;">Как добраться:</div><div style = "display: inline-block; width: 70%; vertical-align: top;"> Ближайшие остановки: ул. Лунная (мкр Дружба 2 конечная), <div style = "display: inline-block; width: 70%; vertical-align: top;"><a href="#domodedovo" class="more-address">Подробнее</a></div>'
}))
.add(new ymaps.Placemark([55.95023656879027, 37.297377000000004], {
hintContent: 'Сходня',
balloonContentHeader: 'Адрес: г. Москва, ул. Кирова, д. 3 ',
balloonContentBody: '<div style = "display: inline-block; width: 29%;vertical-align: top;"> Время работы:</div><div style = "display: inline-block; width: 70%; vertical-align: top;"> Пн: 10:00-20:00</div>',
balloonContentFooter: '<div style = "display: inline-block; width: 70%; vertical-align: top;"><a href="#sxodnya" class="more-address">Подробнее</a></div>'
})) .