I need to paint a dynamic SymbolLayer #658
-
|
Hello, I'm starting to use this Compose library, but the problem is I don't see a clear way to do this item. 
This item needs to appear on top of a Marker (CircleLayer), but I haven't been able to scale it correctly. I understand that when it's painted as a bitmap, the bitmap itself has sizes already assigned by default, and even though it starts from an SVG, it always gets distorted when it's arranged as a bitmap. 
In the end, I opted to make my own, and I did manage to paint it more or less the way I wanted, but it was still distorted. I also tried accessing the text that was going to be painted, without any success. Anyone who knows anything about this or how to solve it would be a great help. Thanks. |
Beta Was this translation helpful? Give feedback.
Replies: 2 comments 1 reply
-
|
What does the distortion look like? Have you tried passing a size in the |
Beta Was this translation helpful? Give feedback.
-
|
This is roughly how the item should look, although the icon is still somewhat distorted, as I have it set to fit the text size and it ends up getting distorted. 
I used a custom ellipsize to reduce the distortion. Even with shorter text, the example is clearly visible. 
I forgot to mention that this obviously happens because I have this property to make the item scalable. iconTextFit = const(IconTextFit.Both) |
Beta Was this translation helpful? Give feedback.
-
|
I see, so you need to stretch the inside of your round rect, but not the corners and not the part that includes the icon. MapLibre supports defining on images which parts should be stretched, so you can inset those portions and only stretch the inside portion. But IIRC we don't yet wrap this parameter for KMP when adding images in our composables. Feel free to file a feature request. In the meantime, if, instead of a Painter, you add this image to your JSON style with |
Beta Was this translation helpful? Give feedback.
I see, so you need to stretch the inside of your round rect, but not the corners and not the part that includes the icon.
MapLibre supports defining on images which parts should be stretched, so you can inset those portions and only stretch the inside portion. But IIRC we don't yet wrap this parameter for KMP when adding images in our composables. Feel free to file a feature request.
In the meantime, if, instead of a Painter, you add this image to your JSON style with
stretchXandstretchYdefined, it should resolve your issue.