功能如图:
问题:
使用小程序map组件中的markers
markers有label属性用来处理Marker旁边的白框
但是!同一数据白框的展示在开发者工具是正常的,在真机就有时候展示有时候不展示
代码:
initMarkerData(){ let _this = this ; let markerList = []; for (let i in _this.data.listData){ let poiInfo = _this.data.listData[i]; let singleMarker = {}; let labelInfo = {}; singleMarker[ 'iconPath' ] = "../../image/oilCallout.png" ; singleMarker[ 'width' ] = 40; singleMarker[ 'height' ] = 40; singleMarker[ 'id' ] = poiInfo.id; singleMarker[ 'latitude' ] = poiInfo.placeLatitude; singleMarker[ 'longitude' ] = poiInfo.placeLongitude; singleMarker[ 'label' ] = {}; singleMarker[ 'label' ][ 'content' ] = poiInfo.placeName + '\n' + poiInfo.placeAddress; singleMarker[ 'label' ][ 'x' ] = 20; singleMarker[ 'label' ][ 'y' ] = -40; singleMarker[ 'label' ][ 'padding' ] = 3; singleMarker[ 'label' ][ 'bgColor' ] = '#ffffff' ; singleMarker[ 'label' ][ 'borderRadius' ] = 5; markerList.push(singleMarker); } return markerList; }, onLoad() { //页面加载时 let _this = this ; //初次进入页面获取到我的位置,方便设置map wx.getLocation({ //获取当前的地理位置、速度 type: 'wgs84' , //返回可以用于wx.openLocation的经纬度 success: res => { _this.setData({ markers: _this.initMarkerData(), //请求后端获取所有markers longitude: res.longitude, latitude: res.latitude, scale: 8 //首次地图比例改这里 }) } }); }, |
bug:
这个有结论了吗
没有,我们换了透明背景来弱化处理这个问题
麻烦给个相关的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html),我们定位下问题
wechatide://minicode/3Nl81Cmc7h1E
我也遇到这个问题:
map页面的20个marker,有2-3个label的content不显示,其它的content正常显示,移动地图后,不显示的content就能显示,在模拟器上没问题,在真机上是随机出现的。查询了数据没问题,不知道是qqmap的问题还是什么情况
你好,请问这个问题你解决了吗?是怎么解决的?
你好,建议单独发帖,提供下机型、微信版本、代码片段