Understanding SymbolLayer

I have a hard time trying to understand how the SymbolLayer works, especially the style prop, especially the properties iconSize and iconImage seen in the ShapeSourceIcon example. I understand that there is a lot of WIP in this library, especially regarding the doc, and if I have some time I would be glad to help, but in the meantime I need to sort out my transition from PointAnnotation to SymbolLayer, and I feel it quite hard to understand the way the whole machinery works without documentation…

Thanks for your help !

[justincrich]

I’m a bit confused too … would appreciate some explanation on how this new component works as compared to PinAnnotation

[alexis-regnaud]

Do we have any update on that one ? In the documentation It’s write that iconSize is a number and in the example (ShapeSourceIcon) there is that case :

 iconSize: [
      'match',
      ['get', 'icon'],
      'example',
      1.2,
      'airport-15',
      1.2,
      /!* default *!/ 1,
    ]

Following the actual docution, I have difficulties to understand how this one should work…