Composite icons in IconLayer getIcon function

[jasonsturges]

Is it possible to composite multiple images together in an IconLayer's getIcon() function?

Attempting to port a Pixi application to Deck.gl, where there are markers that consist of multiple images.

For example this icon consists of a top, bottom, and selection overlay which I'm color transforming - even though the base assets are white, there are multiple images that composite together to complete the indicator:

There are several of these at any time overlaid to relay multiple states:

Or what strategy would be recommended here? Does this have to be three independent icons in the layer?

• Top asset, with color transform
• Bottom asset, with color transform
• Selection highlight

[c6p]

I know it is a very old discussion. I have come accros it while searching for another issue.

I found myself in a similar situation. In my case, I had to create borders around images that the client receives from an API endpoint.

The approach I took was to build SVGs dynamically and return them base64-encoded, which are then rendered by deck.gl.