title: Is there any way to add markers above overlay in google maps react?
body: <p><strong>I am trying to add overlay above the map and place the marker above the overlay. but I am not able to do so. how I can do it? and I am using the google-maps-react library as a dependency.</strong></p>
  <pre><code>&lt;div&gt;
      &lt;Map
        key={active}
        google={google}
        containerStyle={containerStyle}
        zoom={5}
        disableDefaultUI
        initialCenter={{
          lat: markers[0].position.lat,
          lng: markers[0].position.lng,
        }}
      &gt;
        &lt;div className=&quot;absolute top-0 bottom-0 right-0 left-0 bg-gray-400 pointer-events-none&quot; /&gt;
        &lt;Marker
          title=&quot;The marker`s title will appear as a tooltip.&quot;
          name=&quot;SOMA&quot;
          position={{ lat: 37.778519, lng: -122.40564 }}
        /&gt;
      &lt;/Map&gt;
    &lt;/div&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/GTo6d.png" rel="nofollow noreferrer">the view right now</a></p>