微信小程序map组件添加controls控件的位置问题？

问题描述

问 题

map组件上面无法添加覆盖物，只能通过添加controls控件的方式来添加，
问题是controls控件的position只能指定下图的位置属性；
left,top都是Number类型，那如何适配屏幕呢？

想通过 wx.getSystemInfo 接口获取屏幕大小信息，再计算出left和top的值，但是发现在通过this.setData更新时，这个控件都消失了，如何解决？

//摩拜单车是如何实现的？

解决方案

计算时候有问题的，wx.getSystemInfo 获取的是屏幕大小（不是实际页面大小），我们需要减掉微信顶部的标题栏和系统的状态栏的尺寸以及其他元素尺寸，如果以为是页面大小，那么实际控件就有可能跑到屏幕外出不可见而已；

本身思路并没有问题！

这篇关于微信小程序map组件添加controls控件的位置问题？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！