// Переменная с описанием двух видов иконок кластеров.
var clusterIcons = [{
href: 'small.png',
size: [40, 40],
// Отступ, чтобы центр картинки совпадал с центром кластера.
offset: [-20, -20]
}, {
href: 'big.png',
size: [60, 60],
offset: [-30, -30],
// Можно задать геометрию активной области метки.
// Если геометрия не задана, активной областью будет
// прямоугольник.
shape: {
type: 'Circle',
coordinates: [0, 0],
radius: 30
}
}],
// При размере кластера до 100 будет использована 'small.png'.
// При размере кластера больше 100 будет использована 'big.png'.
clusterNumbers = [100],
// Сделаем макет содержимого иконки кластера,
// в котором цифры будут раскрашены в белый цвет.
MyIconContentLayout = ymaps.templateLayoutFactory.createClass(
'<div style="color: #FFFFFF; font-weight: bold;">{{ properties.geoObjects.length }}</div>'
),
var clusterer = new ymaps.Clusterer({
// Если опции для кластеров задаются через кластеризатор,
// необходимо указывать их с префиксами "cluster".
clusterIcons: clusterIcons,
clusterNumbers: clusterNumbers,
clusterIconContentLayout: MyIconContentLayout
});
valнаhtmlзаменить