http://piccy.info/view3/4
шаблон для иконки кластера один, а вот отображаются они по разному?! (иконка с права сьежает и под ней видно стандартную иконку балуна) Как сделать так чтобы иконка с права отображалась нормально?!
// макет иконки кластера
var MyIconClusterContentLayout = ymaps.templateLayoutFactory.createClass("", {
build: function() {
MyIconClusterContentLayou
var parent = this.getParentElement(),
content = "Визиты ",
geoObjects = this.getData().properties.get('geoObjects');
// формируем массив из "периодов-визитов" для отображения в метке кластера
var ind, c, gr = [];
for (var i = 0; i < geoObjects.length; i++) {
if (geoObjects[i].properties.get('myProp') - 1 == 0) {
c = ind = geoObjects[i].properties.get('myProp');
gr[c] = [];
gr[c].push(c);
continue;
}
if (geoObjects[i].properties.get('myProp') - 1 == c) {
gr[ind].push(geoObjects[i
c = geoObjects[i].properties.get('myProp');
} else {
c = ind = geoObjects[i].properties.get('myProp');
gr[c] = [];
gr[c].push(c);
}
}
for (var start in gr) {
if (gr[start].length == 1) {
var single = Math.min.apply({},gr[start]);
content += '<b>' + single + '</b>' + ', ';
continue;
}
var min = Math.min.apply({},gr[start]);
var max = Math.max.apply({},gr[start]);
content += '<b>' + min + '-' + max + '</b>' + ", ";
}
content = content.substr(0, content.length - 2);
content = '<div style="background-color:white; min-width:180px; height:45px; border-radius:30; box-shadow:0px 0px 6px 2px darkviolet; -webkit-box-shadow:0px 0px 6px 2px darkviolet;">' + content + '</div>';
parent.innerHTML = content;
},
clear: function() {
parent.innerHTML = '';
}
});
// создание кластера
cluster = new ymaps.Clusterer({
clusterDisableClickZoom: true,
clusterIconContentLayout: MyIconClusterContentLayout,
clusterHideIconOnBalloonOpen: true,
});
cluster.add(collection);
myMap.geoObjects.add(cluster);