我正在使用PhoneGap在Android上编写应用程序，我希望地图的宽度和高度均为100％。问题是，当我在Android设备上运行应用程序时，所有DOM元素（如div）都不会显示在我的地图上方。例如。弹出窗口被触发但是它们位于地图画布下（设置高z-index没有帮助）。
在浏览器（FF，Chrome）上运行时，evrything工作正常。 Android默认浏览器有问题吗？有谁知道如何解决这个问题？
示例：
<a href="" data-role="button">button</a>
我无法在地图上方显示这个简单的JQM按钮。
答案 0 :(得分：0)
所以解决方案是要小心包含js / css文件的顺序。因此，如果您使用JQM编写应用程序，google-maps-api和手机间隙，您应该记住：
首先包括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>