Placing Google Map Markers above an Overlay

I am trying to make a full screen map with an overlay and markers that trigger a box to slide in from the side. I am currently stuck on making the markers sit on top of the overlay. I managed to at least make them clickable through the overlay by sitting pointer-events to none on the overlay div.

Currently the overlay div is a sibling to the map’s div. I have been trying to make a custom overlay directly within the map code, but not having much success. Here’s a link to my project:

I’ve spent the last few hours searching the web, but can’t find a scenario just like mine. I need the overlay to be full screen width/height and it should always be visible, not toggled.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.