Как подружить OverlayView и MarkerClusterer?

В одном проекте потребовалось сделать свой HTML маркеры которые реализованы совершенно стандартным кодом который выдает гугл при гуглении, вот успрщенная версия того, что я использую:

function MyMarker(marker) {
    this.latLng = new google.maps.LatLng(marker.lat, marker.lng);
    this.content = '<img src="' + marker.avatar + '"><span>' + marker.name + '</span>';
    this.click = function() {
        document.location = '/group/' + marker.groupUrlName;
    };
    this.setMap(GoogleMap);
}
MyMarker.prototype = new google.maps.OverlayView();
MyMarker.prototype.draw = function() {
    var self = this;
    var div = this.div_;
    if (!div) {
        div = this.div_ = document.createElement('div');
        div.className = 'map-marker';
        div.innerHTML = this.content;
        google.maps.event.addDomListener(div, "click", function(event) {
            google.maps.event.trigger(self, "click");
            self.click();
        });
        this.getPanes().overlayImage.appendChild(div);
    }
    var point = this.getProjection().fromLatLngToDivPixel(this.latLng);
    if (point) {
        div.style.left = point.x - 50 + 'px';
        div.style.top = point.y - 100 - 10 + 'px';
    }

Ко всему этому мне понадобилась ещё и кластеризация, и вот тут возникли проблемы, как их совместить?