第一天使用微信小程序map遇到的一些问题

1.想在地图上实现的效果 想实时显示数量

解决办法使用lable 最后发现lable定位到 markers上面 bindmarkertap 事件会被覆盖 由此放弃(希望有大神能点透一点方法)

2.想在cover-view 上面添加阴影(开发工具有效) 真机无效 官网文档说明包括boder


解决办法:目前只看到滴滴打车小程序使用了阴影 所以奇怪 去百度找了一堆 他们使用的是cover-image 里面放入阴影图片 然后定位到位置 (虽然很麻烦 但是效果实现了)

3.利用微信内部地图导航

wx.openLocation({
  latitude: "经度",
  longitude:"纬度" ,
  scale: 18, //放大多小 最小18最大5
  name: '', //显示的名字
  address:'''//地址
})

4.定位不在中心视觉点(真机出现工具不会)


解决办法最后用调试打印出手机上获取的经纬度跟电脑上获取的不一样 最后修改type为gcj02

5.需求功能 实现范围内的检索 算出距离商家的距离
只推荐这种办法(如果你才用半径算距离 并不准确)

前提你要引入腾讯地图的sdk文件 这个可以自行百度文档下载到本地导入

const QQMapWX = require('../../qqmap-wx-jssdk1.2/qqmap-wx-jssdk.min.js');
    qqmapsdk = new QQMapWX({
      key: 'D5DBZ-A7P3J-FIUFL-FQFO2-K5WAZ-TIB3S'
    });
    // 计算当前到经纬度之间的距离
    // qqmapsdk.calculateDistance({
    //   to: [{
    //     latitude: 22.536605834960948,
    //     longitude: 114.01827239990244,
    //   }],
    //   success: function(res) {
    //     let hw = res.result.elements[0].distance //拿到距离(米)
    //     if (hw && hw !== -1) { //拿到正确的值
    //       //转换成公里
    //       hw = (hw / 2 / 500).toFixed(2) + '公里'
    //     } else {
    //       hw = "距离太近或请刷新重试"
    //     }
    //     console.log('腾讯地图计算距离商家' + hw);
    //   }
    // });

一天开发小程序map遇到的一点问题 希望能对大家有所帮助 大家遇到的其他问题还可以留在评论区
我们可以一起解决问题 我也会定期写出自己开发使用的新方法遇到的问题 欢迎大神指出