estoy intentando colocar un mapa con mapbox en Ionic y el problema es que tengo estilos css que colocan el mapa al 100% de la pantalla. Pero el mapa me aparece solo como un recuadro, pero cuando habilito o deshabilito las herramientas de desarrollador este si toma el 100% de la pantalla
Este es mi tab2.page.html
<ion-header>
<ion-toolbar>
<ion-title>
Tab 2
</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<div id="mapa"></div>
</ion-content>
Y mi tab2.page.sccs
ion-content ion-toolbar {
--background: translucent;
}
#mapa{
width: 100%;
height: 100%;
}