Google-map-react: How to deal with overlapping markers?

[SachaG]

I have multiple markers that can potentially all appear in the same spot.

I would like to manipulate their z-index to be able to decide which one to show on top, but I haven't found a way to add styles to the inline CSS generated for the marker element's parent div? Is there any documentation about this?

[itsmichaeldiego]

@SachaG Just adding z-index to your Marker component would do the trick. No need to add it to the marker element's parent div. Have you tried that?

[SachaG]

Oh you're right actually. I thought I had tested that already but I might've been missing the position: absolute or relative to make the z-index work. Sorry about that!

[itsmichaeldiego]

No worries @SachaG, we're here to help!

[lock[bot]]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.