Search box placement on map

I’m trying to place the search box on the map top-left of a react app. I’ve tried adding a z-index to the search box, and setting the map to the top of the page.

<div>
        <SearchBoxContainer style={{zIndex: "10"}}/>
        <div id="map" style={{height: "100vh", width: "100vw", margin: "0 auto", top: "-10"}}></div>
    </div>

No luck. What am I doing wrong?

Have you tried with this tutorial?

1 Like