地图画布覆盖了Android上的其他元素
我正在使用PhoneGap在Android上编写一个应用程序,我希望地图的宽度和高度为屏幕的100%。问题是,当我在android设备上运行应用程序时,所有DOM元素(如div)都不会显示在我的地图上方。例如,弹出窗口被触发,但它们位于地图画布下(设置高z索引没有帮助) 在浏览器(FF,Chrome)上运行时,evrything工作正常。Android默认浏览器有问题吗?有人知道如何解决这个问题吗 例如:地图画布覆盖了Android上的其他元素,android,cordova,jquery-mobile,google-maps-api-3,Android,Cordova,Jquery Mobile,Google Maps Api 3,我正在使用PhoneGap在Android上编写一个应用程序,我希望地图的宽度和高度为屏幕的100%。问题是,当我在android设备上运行应用程序时,所有DOM元素(如div)都不会显示在我的地图上方。例如,弹出窗口被触发,但它们位于地图画布下(设置高z索引没有帮助) 在浏览器(FF,Chrome)上运行时,evrything工作正常。Android默认浏览器有问题吗?有人知道如何解决这个问题吗 例如: <a href="" data-role="button">button<
<a href="" data-role="button">button</a>
我不能让这个简单的JQM按钮显示在地图上方。所以解决方案是要注意包含js/css文件的顺序。因此,如果您正在使用JQM、google maps api和phone gap编写应用程序,您应该记住: 首先包括css文件,例如
然后这个googleapi声明
然后是jquery.js文件
下一个jqueryui映射文件如下
最后是jquery移动脚本文件(我想这就是我犯错误的地方)
好的,我不知道它是如何工作的,但我按错误的顺序包含了标签。现在,它几乎可以工作,即弹出窗口出现,但立即消失。我想我能解决这个问题。