Search bar over google maps


#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