Question

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

我在互联网上搜索问题并尝试了大部分问题，但这些问题对我都没有帮助。

你有什么建议？

编辑：当我使用jquery.ui.maps时，我解决了。重要的是不要在画布样式中使用宽度：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>

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

0 个答案: