jquerymobile 1.2 google map full screen problem
Hello,
i use google maps in jquerymobile. after upgrade to jqm 1.2 , maps not shown in full screen.(in mobile & desktop browsers). But when i resize browser window, it turns into full screen(that i want at first screen opened).
i search problem in internet and try most of them but none of them helpful for me.
What is you suggestions?
<!-- Map <<< -->
<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 id="map_canvas" style="position:absolute; width:1024px; height:768px; min-height:100%;"></div>
<!--<div data-role="content" id="map_content" style="padding: 0px; width: 100%; height: 100%;overflow: hidden;">
<div id="map_canvas" style="width: 100%; height: 100%;padding: 0; text-shadow: none"></div>-->
</div>
</div>
<!-- >>> Map -->