Posicionamiento de mapa corregido

src/app/grafico-barras/grafico-barras.component.css

@@ -7,6 +7,6 @@
     height: 100%;
     display: flex;
     flex-direction: column;
-    align-items: center;
-    justify-content: center;
+    align-items: stretch;
+    justify-content: stretch;
 }
\ No newline at end of file

src/app/grafico-sectores/grafico-sectores.component.css

@@ -8,5 +8,5 @@
     display: flex;
     flex-direction: column;
     align-items: stretch;
-    justify-content: center;
+    justify-content: stretch;
 }

src/app/grafico-sectores/grafico-sectores.component.html

-<div class="chart-container">
+<div class="chartContainer">
     <canvas  id="graficoSectores" >{{ graficoSectores }}</canvas>
 </div>

src/app/mapa-coropletas/mapa-coropletas.component.css

+.globusContainer{
+    height: 90vh;
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    justify-content: stretch;
+}
\ No newline at end of file

src/app/mapa-coropletas/mapa-coropletas.component.html

-<div id="globus" style="width:100%;"></div>
+<div class="globusContainer" id="globus" ></div>

src/app/mapa-coropletas/mapa-coropletas.component.ts

@@ -30,6 +30,7 @@ export class MapaCoropletasComponent implements OnInit {
       autoActivated: true
     });
     this.globus.planet.flyLonLat(new og.LonLat(0, 37, 3000000));
+    //document.getElementById("globus").style.height = "";
   }
 
   @Output() clickComunidad = new EventEmitter<object>();