Tengo pines en mi mapa leaflet.js donde la imagen está determinada por el estado del objeto que representan. Por ejemplo, usuarios en línea y fuera de línea: en línea son verdes y fuera de línea son rojos. Hago esto agregando una clase al divIcon y luego controlo las imágenes con css.

Ahora he agregado marcadores agrupados a mi mapa. Lo que quiero hacer es determinar el color del clúster por elmayoria de estado 'dentro del clúster. Mi primera idea fue hacer algo como esto:

this.markers = L.markerClusterGroup({
    iconCreateFunction: function(cluster) {
        // Use this somehow to filter through and look at the pin elements
        console.log(cluster.getAllChildMarkers());

        return new L.DivIcon({ html: /* ?? */ });
    }
});

Pero desafortunadamente no puedo acceder a los elementos HTML de la matriz devuelta desdegetAllChildMarkers.

¿Alguien tiene alguna idea sobre cómo podría hacer esto? ¿O una forma de obtener el elemento HTML del pin?

Gracias

EDITAR:

Aquí es donde creo mis pines de mapa (asignados a los modelos de mi red troncalmapPin atributo):

that.mapPins.org = L.divIcon({
className: 'org-div-icon',
    html: "<div class='org-status "+ org.getGroupStatus() +"'></div>",
    iconSize: [35, 35],
    iconAnchor: [18, 17]
});

Y así es como cambio la clase dinámicamente:

$(model.get('mapPin')._icon).find('.org-status').attr('class', 'org-status ' + model.getGroupStatus());

Pensé que podría acceder_icon desde el regreso degetAllChildMarkers como lo hice arriba, pero no parece estar allí.