MVTLayer with text labels and icons combined

[koalex76]

Hello.

I'm trying to create an MVTLayer which would handle points as text labels or icons depending on a certain property of the feature. I'm using an auto packing strategy for icons (no iconAtlas, iconMapping).

Here is an MVTLayer:

layer = new MVTLayer({
            id: layerId,
            data: layerSource.url,
            pointType: 'icon+text',
            textSizeUnits: 'meters',
            textCharacterSet: "auto",
            getText: (f) => {
                const styleObj = JSON.parse(f.properties[layerSource.styleAttribute]);
                if (styleObj && styleObj.label) {  // we have 'label' prop - must be rendered as text
                    return styleObj.label.l;
                }
                return null;
            },
            getIcon: (f) => {
                const styleObj = JSON.parse(f.properties[layerSource.styleAttribute]);
                if (styleObj && styleObj.icon) {  // we have 'icon' prop - must be rendered as icon
                    return { 
                        url: styleObj.icon,
                        height: 24,
                        width: 24
                    };
                }
            }
            // props and accessors for lines, polygons are omitted here
        });
}

Text labels are rendered perfectly, but icons are not rendered at all. As I can see in a browser Network tab, icon files are loaded successfully but still invisible.

What's wrong with my approach?

[koalex76]

Solved.

getIconSize also must be set because it defaults to 1 and icons seem to be too tiny.
After setting getIconSize to the value of image height everything works fine.