Hoy me topé con un problema peculiar que no había encontrado ni notado antes. Al configurar un mapa en Here Maps 3.0, noté que si la ventana del navegador es "pequeña", menos de una pantalla completa, durante la carga del mapa, también el mapa se mantendrá pequeño incluso si la ventana del navegador cambiará de tamaño a uno de pantalla completa.

¿Cómo podría actualizar el tamaño del mapa Here Maps para ocupar tanto espacio como se haya asignado?

Mi disposición es la siguiente y me pregunto si la razón de esto podría ser la relativadivs. La razón por la que los tengo es que estoy experimentando con diseños que tienen encabezados, pies de página, otro texto con y sin barras de desplazamiento (y parece que desplazar el mapa se pone un poco nervioso si hay una barra de desplazamiento presente en la página).

<style type="text/css">
    #mapContainer {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
        background: grey;
    }

    #main {
         position: relative;
         width: 100%;
         height: 100%;
    }

    html, body {
        overflow-y: hidden;
    }    
</style>

<div id="main">
    <div id="mapContainer"></div>
</div>