Ao mostrar um mapa do google no jquery mobile, parece (depois de ler os fóruns) que código como o seguinte é necessário:

<div data-role="page" data-theme="b" class="page-map" style="width:100%; height:100%;">
    <div data-role="header"><h1>Map Page</h1></div>
    <div data-role="content" style="width:100%; height:100%; padding:0;"> 
        <div id="map_canvas" style="width:100%; height:100%;"></div>
    </div>
</div>

Tirar a altura na div externa faz com que a div caia para a altura 0 e o mapa não seja exibido. Eu esperava obter algum texto dinâmico abaixo do mapa (com base no conteúdo) que comprimento eu não sei, então não posso definir uma altura absoluta. Alguém tem uma solução alternativa para esse problema?