为首页获取内容设计了用户集合、表单集合 用户集合：是用户同意授权之后将userInfo信息上传该集合 表单集合是在用户授权之后，通过表单发帖 利用封装好的一个云函数（多个方法）获取openid赋值给userId作为表单合集的字段，准备与用户集合的openid联表查询 封装分页功能到同一云函数，在首页获取你所需要的用户数据 [代码]// 云函数入口文件 const cloud = require("wx-server-sdk"); cloud.init({ env: "你自己的环境名", traceUser: true, }); const db = cloud.database(); const _ = db.command; const $ = db.command.aggregate; //开始封装云函数 exports.main = async (event, context) => { switch (event.action) { case "getid": return getId(); //用户集合与表单集合的联合查询+分页数据 case "reload": return reLoad(event); } // 封装接口 user_openid 不要忘记async与await async function getId() { const wxContext = await cloud.getWXContext(); return { event, openid: wxContext.OPENID, appid: wxContext.APPID, unionid: wxContext.UNIONID, }; } //联表查询+分页数据 async function reLoad(e){ //集合名称 let dbName = e.dbName; //筛选条件 默认为空 let filter = e.filter ? e.filter : null; //当前页 默认为1 let pageIndex = e.pageIndex ? e.pageIndex : 1; //数据显示条数 默认为20 let pageSize = e.pageSize ? e.pageSize : 20; //获取集合中的总记录 let countResult = await db.collection(dbName).where(filter).count(); //总记录数 let countTotal = countResult; //计算需要多少页 取整数 let totalSize = Math.ceil(countTotal / 20); //将最后的查询结果返回给小程序端 return db .collection(e.dbName) .aggregate() .lookup({ //要匹配userIndex集合的openid字段 from: "userIndex", localField: "userId", foreignField: "_openid", as: "userlist", }) .match(filter) .skip((pageIndex - 1) * pageSize) .limit(pageSize) .end() .then((res) => { return res; }) .catch((err) => { return err; }); } } [代码] 写好云函数记得部署 [图片] 点击授权触发云函数获取openid 赋值给userId [代码]wx.cloud.callFunction({ name:"云函数名"， data:{ action:"getid", }, complete: (res) => { console.log("openid: ", res); this.setData({ userId: res.result.openid, }); }, } }) [代码] 截图 [图片] 之后将openid与表单数据一起上传到表单集合，之后通过openid获取两集合的联合查询数据，同时分页 [代码]wx.cloud.callFunction({ name:"云函数名"， data:{ action:"reload", dbName:"表单集合名"， filter：{限制条件对象}， }, success: (res) => { console.log(res); }, fail: (err) => { console.log(err); }, } }) [代码] 获取的数据截图 [图片]

前言 小程序实操，距离计算总结。 思路 一共有两种方法，各有利弊： 1.利用小程序的wx.getLocation 方法得到用户的经纬度,然后用已知的商家的经纬进行计算; 2.利用腾讯地图位置服务calculateDistance直接计算； 先熟悉下两个单词： longitude:经度; latitude:纬度; 下边是两种方法的具体实现 一、获取用户的位置信息,再进行计算(wx.getLocation) 1.小程序提供了获取用户位置信息的api，所以我们能直接获取到经纬度; 2.在腾讯位置服务坐标拾取器，获取商家的具体经纬度(例：北京故宫博物院116.397027(经度),39.917990(纬度))； 3.利用公式进行两点的经纬度计算，需注意：小程序默认坐标系是wgs84，您需设置为gcj02再试； 代码： [代码]Page({ data:{ }, onLoad: function() { var _this = this; _this.findXy() //查询用户与商家的距离 }, findXy() { //获取用户的经纬度 var _this = this wx.getLocation({ type: 'gcj02', success(res) { _this.getDistance(res.latitude, res.longitude, 39.917990,116.397027) } }) }, Rad: function(d) { //根据经纬度判断距离 return d * Math.PI / 180.0; }, getDistance: function(lat1, lng1, lat2, lng2) { // lat1用户的纬度 // lng1用户的经度 // lat2商家的纬度 // lng2商家的经度 var radLat1 = this.Rad(lat1); var radLat2 = this.Rad(lat2); var a = radLat1 - radLat2; var b = this.Rad(lng1) - this.Rad(lng2); var s = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(a / 2), 2) + Math.cos(radLat1) * Math.cos(radLat2) * Math.pow(Math.sin(b / 2), 2))); s = s * 6378.137; s = Math.round(s * 10000) / 10000; s = s.toFixed(2) + '公里' //保留两位小数 console.log('经纬度计算的距离:' + s) return s } )} [代码] 二、利用腾讯地图的位置服务 1、先到腾讯位置服务注册登录，申请key、引入依赖。 下图的第三步配置是要在小程序的后台那里设置，记得不要找错地方了。如图： [图片] 2、配置完成了之后，小程序重新编译一下 3、求两点距离文档：腾讯位置-两点求距 4、读完可知,我们只需要商家的经纬度即可,我们在小程序里实验一下 [代码]// 引入SDK核心类 var QQMapWX = require('../../utils/qqmap-wx-jssdk.js'); Page({ onLoad: function() { var _this = this; _this.findShop() //查询用户与商家的距离 }, findShop() { //拿到商家的地理位置，用到了腾讯地图的api // 实例化API核心类 var _that = this var demo = new QQMapWX({ key: '你申请到的key' // 必填 }); // 调用接口 demo.calculateDistance({ to: [{ latitude: 39.917990, //商家的纬度 longitude: 116.397027, //商家的经度 }], 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); } }); } }) [代码] 可能会出现的错误： {status:199,message:‘此key未开启webservice功能’} 此时需要打开腾讯位置服务-key配置,设置一下刚才申请key的详情页面，把下列选项全部勾上,把你小程序的appid也写上，webservice域名白名单设置为空即可。 保存完，重新编译再试 [图片] 作者：大师兄 链接：https://segmentfault.com/a/1190000017401316 来源：SegmentFault 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。