Google map inside ion-slides display issue

ionic-v1
2

Answering my own question for anyone else stuck in this situation. As user jacky from SO pointed out

So this class seems to be the culprit.

.swiper-slide img {
    max-height: 100%;
}

Add this to the CSS to simply override it.

#map img {
    max-height: none !important;
}

After this everything worked as expected.