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

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

猜你喜欢