I am using Carto.js and I have a map with multiple polygons with the same boundaries.
One layer is purple, and one is orange. I have tried to use transparency to indicate that sometimes there is an overlap - the overlapping polygons are the ones in the middle that are an intermediate colour:
The problem is that each polygon has an infowindow, and when the user clicks on the polygons in the middle, the infowindow only appears for the top layer. So it's not obvious to the user that there are two overlapping polygons there.
How can I show the infowindows for both polygons when the user clicks?
Or is there another, better way to handle this UX problem?