How to set a custom type of clusterer for Yandex maps built on the basis of the label class?

Question

JavaScript

Hello. Can you please tell me how to make a custom view clusterer icon based on a class (or something else)? You can't post a picture for a number of reasons. You need the html content.

var squareLayout = ymaps.templateLayoutFactory.createClass("<div class='marker-label'>"
                      + "<div class='marker-label__head'></div>"
                      + "<div class='marker-label__body'></div>"
                  + "</div>", {
    
        build: function () {
            squareLayout.superclass.build.call(this);

            this._events = ymaps.domEvent.manager.group(this.getElement());
            this._events.add('click', function () {
                alert(this.getData().geometry.getCoordinates());
            }, this);
        },
        
        clear: function () {
            this._events.removeAll();
            squareLayout.superclass.clear.call(this);
        }
    });

With conventional markers, everything is extremely clear. It's done like this:

new ymaps.Placemark(
            [25, 15], {}, {
                iconLayout: squareLayout,
                iconPane: 'overlaps'
            }
        );

And how can this be applied to the clusterer? I would also like to be able to display the number of clustered elements on it.

Answer 1

Look at the 4th example in the documentation https://tech.yandex.ru/maps/doc/jsapi/2.1/ref/ref...