Ionic | how to adapt the map on android and iphone screen

Maps SDK for Web (JavaScript)
#1

hi i am using the ionic framework to develop an application …
I’d like to know how to adapt the map to my android and iphone screen …
The display of the map is done on a modal…
my Html file:
<ion-content>
<div class=“map” id=“mape” >
</div>
</ion-content>

CSS file:
#mape{

position: absolute;

height: 100%;
width: 100%;
background-color: transparent;
transition: opacity 150ms ease-in;
flex: 1;
}

I added two images

iphone
iphone411×643 94.7 KB
android
android356×623 113 KB

I’d like the map to fill the screen of the device
I need your help…thanks

#2

Hi !

Did you found a solution please ?

Thank’s !

#3

Have you tried
width: 100vw;
height: 100vh;