Hoje, encontrei um problema peculiar que nunca encontrei ou notei antes. Ao configurar um mapa no Here Maps 3.0, notei que, se a janela do navegador for "pequena", menor que a tela cheia, durante o carregamento do mapa, também o mapa permanecerá pequeno, mesmo que a janela do navegador seja redimensionada para um em tela cheia.

Como atualizar o tamanho do mapa Here Maps para ocupar o espaço alocado?

Meu arranjo é o seguinte e me pergunto se o motivo disso pode ser o relativodivs. A razão pela qual os tenho é que estou experimentando designs com cabeçalhos, rodapés e outros textos com e sem barras de rolagem (e parece que rolar o mapa fica um pouco nervoso se houver uma barra de rolagem na 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>