jquery-mobile - jquerymobile 1.2 谷歌地图全屏时调整大小

Question

我在 jquerymobile 中使用谷歌地图。升级到 jqm 1.2 后，地图不会全屏显示（在移动和桌面浏览器中）。但是当我调整浏览器窗口的大小时，它会变成全屏（我希望在第一个屏幕打开时）。

我在互联网上搜索问题并尝试了其中的大多数，但没有一个对我有帮助。

你有什么建议？

编辑：我在使用 jquery.ui.maps 时解决了。重要的是不要在画布样式中使用 width:100% 。而不是在 pagebeforeshow 事件上调整画布大小

$('#map').live('pagebeforeshow',function(e,data){
    $('#map_canvas').height($(window).height() - (10 + $('[data-role=header]').height() - $('[data-role=footer]').height()));
});

<div data-role="page" id="map" data-add-back-btn="true" data-fullscreen="true" style="width:100%; height:100%;">
    <div data-role="header" data-position="fixed">                
        <h1 id="mapHeader">Konum</h1>                
        <a href="#menu"  data-role="button" data-icon="grid" class="ui-btn-right" data-theme="e" >Menu</a>                  
    </div>
    <div data-role="content" id="map_content" style="width:100%; height:100%; padding:0;">             
       <div id="map_canvas" style="position:absolute; width:100%; height:100%; min-height:100%;"></div>
    </div>          
</div>