Search bar over google maps

Ionic Framework ionic-v3
1

Hi all,
I’m trying to place a search bar over google map, like the one you see in GoogleMaps app, but I can’t manage to show it.

This is my code:

<ion-content #map id='map' >
    `Preformatted text`<ion-searchbar #searchBar></ion-searchbar>
</ion-content>

#map {
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
}

#searchBar {
    display: block;
    z-index: 999;
    position: absolute;
}

I’ve been playing with z-index and the position but it’s not working. Any clue on this?

I appreciate your help
Rgds

2

Hi, have u solved the issue?