收藏
回答

【紧急】小程序地图组件Markers的label属性不展示

问题模块 框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
API和组件 小程序 Bug 地图 微信iOS客户端 Android 6.6.6 最新



功能如图:

问题:

使用小程序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:



最后一次编辑于  2018-04-23
回答关注问题邀请回答
收藏

2 个回答

  • 社区技术运营专员-娇华
    社区技术运营专员-娇华
    2018-04-25

    麻烦给个相关的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html),我们定位下问题

    2018-04-25
    赞同
    回复 3
    • 陈广
      陈广
      2018-08-14

      wechatide://minicode/3Nl81Cmc7h1E


      我也遇到这个问题:

      map页面的20个marker,有2-3个label的content不显示,其它的content正常显示,移动地图后,不显示的content就能显示,在模拟器上没问题,在真机上是随机出现的。查询了数据没问题,不知道是qqmap的问题还是什么情况


      2018-08-14
      回复
    • 烟花一树终化尘
      烟花一树终化尘
      2018-11-12

      你好,请问这个问题你解决了吗?是怎么解决的?

      2018-11-12
      回复
    • 社区技术运营专员-娇华
      社区技术运营专员-娇华
      2018-11-12回复烟花一树终化尘

      你好,建议单独发帖,提供下机型、微信版本、代码片段

      2018-11-12
      回复
  • lyman
    lyman
    2018-10-16

    这个有结论了吗

    2018-10-16
    赞同
    回复 1
    • 鱼。
      鱼。
      2018-10-19

      没有,我们换了透明背景来弱化处理这个问题

      2018-10-19
      回复