• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

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

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

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


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
【微信小程序】使用setTimeout制作定时器的思路发布时间:2022-07-18
下一篇:
小程序感悟123发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap