我正在使用 PhoneGap 在 Android 上编写应用程序，我希望地图的宽度和高度为屏幕的 100%。问题是当我在 android 设备上运行应用程序时，所有 DOM 元素（如 div）都没有显示在我的地图上方。例如。弹出窗口被触发，但它们位于地图画布下（设置高 z-index 无济于事）。
在浏览器（FF、Chrome）上运行时，一切正常。 Android默认浏览器有问题吗？有谁知道如何解决这个问题？
例子：
<a href="" data-role="button">button</a>
我无法让这个简单的 JQM 按钮显示在地图上方。
【问题讨论】：
标签： android cordova jquery-mobile google-maps-api-3
所以解决方案是要注意包含 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 移动脚本文件（我认为这是我犯错的地方）
<script type="text/javascript" src="jquery.ui.map/jquery.ui.map.js"></script>
【讨论】：