Here the thing : I want to create a view with my map all over my tab like in this codepen.
My problem is that my little div containing my p is sliding underneath my map… z-index isn’t my friend here.
Here’s my body
<body ng-app="starter" ng-controller="MapCtrl"> <ion-header-bar class="bar-stable"> <h1 class="title">Map</h1> </ion-header-bar> <ion-content scroll="false"> <map on-create="mapCreated(map)"></map> <ion-scroll direction="y" class="hotel-view" on-scroll="onScrollHotelView()"> <p>Just drag-up this text to make it move ! I'm trying to allow the scroll over the map ! Anyway if you have an idea ..</p> <p>I have also an ugly little space between my text and the footer !</p> </ion-scroll> </ion-content>
Any idea to put it over the map in order to display details on google maps markers selected ?