You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I am looking to implement a way to have a round icon with a label at the side (layer1) and a small colored circle on the top right of the icon to indicate some property(layer2). I do not want to allow overlap of each group of icons. I chose circles to icons for my layer 2 since the color changes with a property.
The only way to currently do this is to "bake" the status circle and icon into one image. So if you have the icons hospital, school and grocery with the statuses red and green you'd need to create hospital-red, hospital-green, school-red, school-green, grocery-red, grocery-green icons. This is far from ideal of course.
#4366 has a proposal about creating symbol layers with multiple icons. I'll close this issue as a duplicate of that one. Please let us know if you have any ideas about how we should add this functionality!
Hi @divya1c, unfortunately we don't support collision detection for non-symbol layers -- although I understand that in this case you'd want the circle layer to behave as if it were a symbol layer.
I chose circles to icons for my layer 2 since the color changes with a property.
Is there a reason you couldn't use the icon-color property on a circle-shaped icon to achieve something similar?
I am looking to implement a way to have a round icon with a label at the side (layer1) and a small colored circle on the top right of the icon to indicate some property(layer2). I do not want to allow overlap of each group of icons. I chose circles to icons for my layer 2 since the color changes with a property.
Here's my code:
Expected Behavior
When overlapped, the icon, text and circle disappear together.
Actual Behavior
Icon and text disappear and circles don't.
Heres what i don't want:
The text was updated successfully, but these errors were encountered: