Клуб API Карт

балун кластера

Пост в архиве.

подскажите пожалуйста как мне сделать балун кластера в виде списка?! у меня сейчас 2 колонки, но правая мне не нужна, как убрать правую колонку?!

3 комментария

Может Вам подойдет один из примеров макетов балуна кластера из песочницы.

Ну либо напишите свой макет.

Удалённый пользователь
28 января 2016, 02:25

http://api.yandex.ru/maps/doc/jsapi/2.x/ref/reference/Cluster.xml

 

написано:

'cluster#balloonAccordionContent' - Информация о геообъектах в виде списка. После клика по элементу под ним разворачивается информация о геообъекте. Опции макета

 

var c = 1, // счетчик последовательности

 

collection = [];

 

for (var i = 0; i < data.length; i++) {

 

var place = new ymaps.Placemark(

 

[data[i].lat, data[i].long], {

 

iconImageHref: '/images/metka.png', // картинка иконки

 

iconImageSize: [12, 20], // размеры картинки

 

iconImageOffset: [-6, -10] // смещение картинки

 

});

 

//place.properties.set('iconContent', c);

 

//place.properties.set('balloonContentBody', data[i].time);

 

place.properties.set('clusterCaption', data[i].time);

 

//myCollection.add(place);

 

collection[i] = place;

 

c++;

 

}

 

 

 

// Переменная с описанием двух видов иконок кластеров.

 

var clusterIcons = [{

 

href: '/images/metka.png',

 

size: [40, 40],

 

// Отступ, чтобы центр картинки совпадал с центром кластера.

 

offset: [-20, -20]

 

}, {

 

href: '/images/big_metka.png',

 

size: [60, 60],

 

offset: [-30, -30]

 

}],

 

clusterNumbers = [5],

 

 

 

                                // макет метки кластера

 

                                MyIconContentLayout = ymaps.templateLayoutFactory.createClass('');

 

 

 

                                // создание кластера

 

                                cluster = new ymaps.Clusterer({

 

balloonContentBodyLayout: "cluster#balloonAccordionContent",

 

                                    //margin: [20],

 

                                    clusterIconContentLayout: MyIconContentLayout,

 

clusterIcons: clusterIcons,

 

clusterNumbers: clusterNumbers,

 

//balloonContentBodyLayout: "cluster#balloonCarouselContent",

 

clusterBalloonPagerType: "marker",

 

                                });

 

 

 

cluster.add(collection);

 

myMap.geoObjects.add(cluster);

 

//myMap.geoObjects.add(myCollection);

 

 

 

// загрузка кластера на карту

 

                                cluster.events.add('objectsaddtomap', function() {

 

isCluster = true;

 

                                    for (var i = 0; i < collection.length; i++) {

 

                                        var geoObjectState = cluster.getObjectState(collection[i]);

 

                                        if (geoObjectState.isShown) {

 

                                            if (!geoObjectState.isClustered) collection[i].options.set('iconImageHref', /images/metka.png');

 

                                        }

 

                                    }

 

                                });

 

 

 

 

 

хочу сделать аккордеон, но отображается стандартный двухколоночный макет...

 

balloonContentBodyLayout -> clusterBalloonContentBodyLayout