jqueryモバイルフレームワークで動作しないGoogleマップ

私のphonegapアプリケーションでは、Googleマップがjqueryモバイルで動作していません。私はそれが働いているJQMを使用せずに同じコードを実行したときしかし...私は以下のコードで間違ってやっているものを私に教えてjqueryモバイルフレームワークで動作しないGoogleマップ

HTML

<body onload="onLoad()"> 
    <div data-role="page"> 

     <div data-role="header"> 
      <h1>Welcome To My Homepage</h1> 
     </div> 

     <div data-role="main" class="ui-content"> 
      <div id="map-canvas"></div> 
     </div> 

     <div data-role="footer" data-position="fixed"> 
      <h1>Footer Text</h1> 
     </div> 
    </div> 
</body>

plzは完全なコードのためにこれを参照してください https://jsbin.com/fanixajebi/1/edit?html,css,js,output

出典

2016-11-03 Sawan Khandelwal

私はあなたのデータロールページにIDを与える必要があると思う

と使用した後、ページを初期化するためのフレームワークのイベント。そして、PXではない％

元に高さ寸法を与える：

<div id="home" data-role="page">

$(document).on('pagebeforeshow', "#home", function(event) { /* pagebeforeshow */  
    setTimeout("initialize()",100); 
});

出典

2016-11-03 17:15:55 David

jqueryモバイルフレームワークで動作しないGoogleマップ

答えて

関連する問題