PhoneGap を使用して Android でアプリケーションを作成しています。マップの幅と高さを画面の 100% にしたいと考えています。問題は、Android デバイスでアプリを実行しているときに、div などのすべての DOM 要素がマップの上に表示されないことです。たとえば、ポップアップはトリガーされますが、マップ キャンバスの下にあります (z-index を高く設定しても役に立ちません)。
ブラウザ（FF、Chrome）で実行している間、すべてが正常に機能します。Android のデフォルト ブラウザに問題がありますか? これを解決する方法を知っている人はいますか？
例：
<a href="" data-role="button">button</a>
この単純な JQM ボタンをマップの上に表示することはできません。
したがって、解決策は、js/css ファイルを含める順序に注意することです。したがって、JQM、google-maps-api、および phone gap を使用してアプリを作成している場合は、次のことを覚えておく必要があります。
最初にCSSファイルをインクルードします。
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
次に、このGoogle API宣言
<script src="http://maps.google.com/maps/api/js?sensor=true" type="text/javascript"></script>
その後、jquery .js ファイル
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
次のような jquery ui マップ ファイル
<script type="text/javascript" src="jquery.ui.map/jquery.ui.map.js"></script>
そして最後に jquery mobile script file (ここで間違いを犯したと思います)
<script type="text/javascript" src="jquery.ui.map/jquery.ui.map.js"></script>