I have a google map component setup with a searchbar and markers like so:
<GoogleMap center={center} zoom={zoom}>
<SearchBar />
<Markers />
</GoogleMap>
within the markers component, it is setup to show an infowindow and is wrapped around an OverlayViewF component like so:
<OverlayViewF
mapPaneName={'overlayMouseTarget'}
position={{ lat: lat, lng: lng }}
zIndex={1000}
>
<MarkerF position={{ lat: lat, lng: lng }} >
<InfoWindowF position={{ lat: lat, lng: .lng }}
< content />
</InfoWindowF>
</MarkerF>
</OverlayViewF>
I wrap the marker around an overlayviewF because I want the infowindow to display ABOVE the searchbar (which has a fixed position on top of the map). However, it is not working and the infowindow still appears behind the searchbar.
What am I doing wrong? Any help would be appreciated!