同时使用mui的选项卡功能和自带地图加载功能,存在点击选项卡跳转,地图页面无法关闭,一直显示在最上层,遮盖其他页面内容的问题。如果是另外打开新的页面,则不会存在这个问题。
解决方法:
采用双webview模式加载地图页面,在页面初始化时,加载子页面,子页面为仅展示地图页面,当前页面可以是包括顶部导航栏和底部选项卡的页面。
mui.init({ subpages:[{ url:'map.html',//子页面HTML地址,支持本地地址和网络地址 id:'map.html',//子页面标志 styles:{ top:'45px',//子页面顶部位置 bottom:'45px',//子页面底部位置 // width:subpage-width,//子页面宽度,默认为100% // height:subpage-height,//子页面高度,默认为100% // ...... }, extras:{}//额外扩展参数 }] });
在跳转的页面增加如下代码,则可以隐藏地图子页面
mui.plusReady(function(){ plus.webview.hide('map.html'); });
最后,不要忘记在原页面增加显示地图子页面的代码
mui.plusReady(function(){ plus.webview.show('map.html'); });
关于创建子页面的方法可以参考官方文档http://dev.dcloud.net.cn/mui/window/#subpage