# Google Maps API Info Window **URL:** \ **Category:** ionic-v3\ **Created:** [May 17, 2017, 7:55am UTC](https://forum.ionicframework.com/t/google-maps-api-info-window/90625 "2017-05-17T07:55:10Z")\ **Posts on this page:** 7\ **Page:** 1
**Author:** ![ravishel](https://avatars.discourse-cdn.com/v4/letter/r/ea5d25/32.png) [@ravishel](https://forum.ionicframework.com/u/ravishel)\ **Post date:** [May 17, 2017, 7:55am UTC](https://forum.ionicframework.com/t/google-maps-api-info-window/90625/1 "2017-05-17T07:55:10Z")
I want to implement info window similar to how the native Google Maps apps have. I have seen viewing Map on a normal browser via the phone also have same look of the info window. On Android its known as Bottom Sheet. Since its possible to get same look on a mobile browser i believe it might be possible to have that in ionic 2 as well ? ---
**Author:** ![MarcusIII](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/marcusiii/32/109702_2.png) [@MarcusIII](https://forum.ionicframework.com/u/MarcusIII)\ **Post date:** [May 17, 2017, 8:08am UTC](https://forum.ionicframework.com/t/google-maps-api-info-window/90625/2 "2017-05-17T08:08:21Z")
i guess this is what you are looking for [Ionic Component Action Sheet](https://ionicframework.com/docs/components/#action-sheets) ---
**Author:** ![ravishel](https://avatars.discourse-cdn.com/v4/letter/r/ea5d25/32.png) [@ravishel](https://forum.ionicframework.com/u/ravishel)\ **Post date:** [May 17, 2017, 8:13am UTC](https://forum.ionicframework.com/t/google-maps-api-info-window/90625/3 "2017-05-17T08:13:48Z")
I have looked at that Option. But it does not fully suite my needs. I wish to display some images and some text on bottom of the screen when a button is click (displa only 20% bottoms of the screen). If user drags up the , than a page/Modal/ view /drawer should open up displaying a total set of new information. The image and text shown initially should disappear ---
**Author:** ![MarcusIII](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/marcusiii/32/109702_2.png) [@MarcusIII](https://forum.ionicframework.com/u/MarcusIII)\ **Post date:** [May 17, 2017, 8:55am UTC](https://forum.ionicframework.com/t/google-maps-api-info-window/90625/4 "2017-05-17T08:55:41Z")
## I’m don’t think there is a built in component like you want … Guess you have to make custom one found this might help you, but it is made using ionic 1 > **[Ionic BottomSheet](https://codepen.io/jabas06/pen/vOMxjK)** > > Demo of an Ionic BottomSheet. This demo uses a custom bottom sheet directive based on the existing modal directive.... ---
**Author:** ![ravishel](https://avatars.discourse-cdn.com/v4/letter/r/ea5d25/32.png) [@ravishel](https://forum.ionicframework.com/u/ravishel)\ **Post date:** [May 17, 2017, 6:08pm UTC](https://forum.ionicframework.com/t/google-maps-api-info-window/90625/5 "2017-05-17T18:08:23Z")
Hi I have looked at that as well. But does not actually do what i want it to ---
**Author:** ![ravishel](https://avatars.discourse-cdn.com/v4/letter/r/ea5d25/32.png) [@ravishel](https://forum.ionicframework.com/u/ravishel)\ **Post date:** [May 17, 2017, 6:09pm UTC](https://forum.ionicframework.com/t/google-maps-api-info-window/90625/6 "2017-05-17T18:09:26Z")
I am thinking of having a footer displayed only when a button is clicked. My next goal is to actually some how drag the footer up and at the same time have a Modal open up with animation. Any Ideas? ---
**Author:** ![MarcusIII](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/marcusiii/32/109702_2.png) [@MarcusIII](https://forum.ionicframework.com/u/MarcusIII)\ **Post date:** [May 18, 2017, 5:45am UTC](https://forum.ionicframework.com/t/google-maps-api-info-window/90625/7 "2017-05-18T05:45:15Z")
You can put a button on the footer like expand And when clicked it opens a new modal representing what you want then closing the footer if you want or keep it in the background