uni-app获取手机宽高,动态渲染给map的时候慢怎么办,有时候成功,有时候失败,渲染过程慢
<map :style="{height:screenHeight+'px',width:screenWidth+'px'}"></map>
js:
uni.getSystemInfo({
success: function(res) {
console.log(res.windowWidth);
console.log(res.windowHeight)
that.screenWidth = res.windowWidth;
that.screenHeight = res.windowHeight-56;
console.log(that.screenWidth)
console.log(that.screenHeight)
},
});
虫雪浓 - 热爱生活，热爱编程
没有复现到你的问题，你是什么平台出现的这个问题？ 安卓 ios 还是小程序 ？
用户距离您30米 (作者)
回复 DCloud_UNI_HT:已经升级到最新的版本了,已经附上简单demo,两个问题:<map :style="{height:sHeight+'px',width:sWidth+'px'}"</map>
data(){
return{
sWidth: 600,
sHeight: 900,
}
}
这样就是显示的结果就会有时候成功,有时候失败,这个需要测试多几次,不然不见效果
二:uni.getSystemInfo({})获取手机宽高动态赋值给data里面的宽高的时候,也是有时候成功,有时候失败,可能这个你测试几次就出来了
2019-03-06 16:21
虫雪浓 - 热爱生活，热爱编程
如果只是为了单纯的全屏显示地图的，我建议直接使用样式 。因为你获取 getSystemInfo 的话 ，确实有的手机会有些慢才能获取到相关信息，这期间，肯定不会渲染地图。
.map {
position: absolute;
top:0;
bottom: 0;
/* bottom: 56px; */
width: 100%;
height: 100%;
}用户距离您30米 (作者)
这样子的话是整个屏幕都是地图,你还要减去头部导航栏的位置跟底部导航栏的位置,减去后这才是真正放地图的位置,直接设置为100%,导航栏会把上下的给遮住
2019-03-06 16:44
DCloud 即数字天堂(北京)网络技术有限公司是W3C成员及HTML5中国产业联盟发起单位
京ICP备12046007号-4 | 京公网安备：11010802035340号 | 国家信息安全等级保护三级，证书编号：11010813802-20001
用户距离您30米 (作者)
宽度写死,无论渲染成不成功,宽都是可以的,只是高这个问题,,比如我设置500px,动态渲染有时候却不成功,一进页面,明明获取到了却没渲染,这是跟我一进来就渲染数据到地图上有关么
2019-02-23 09:41