文章插图
文末有源码最近好多同学问石头哥附近的人如何实现 。今天呢，就借助这篇文章，给大家做一个系统的解答 。
老规矩，先看效果图
可以看到我们在地图上显示了附近的一些标记点 。
接下来就教大家如何实现附近的位置 。
一，创建数据首先我们查询附近的人的时候，需要先有附近人的位置，也就是经纬度 。这里我以几个城市的经纬度为例 。
大家可以自行百度查找你所需要的经纬度 。
这里经纬度查到后，我们需要把这些位置信息存到数据库里 。
1，注意存位置时必须是Point类型
如上图所示，我们可以直接在云开发数据库里添加位置信息，类型是geopoint类型 。
如我添加的北京的位置如下
这里按照这样的类型，自己多添加几个城市的经纬度 。当然现实开发中，应该是添加附近人的位置(经纬度)
2，批量添加(选看)如果感觉一个添加比较麻烦的话，可以先添加一条，然后导出为json，自己在json里批量编辑 。
一定要注意_id不能重复，格式要保持一致 。这样你批量编辑后，再把这个json重新导入到数据即可 。
批量导入不是本节的重点，就不在讲解 。我这里默认你已经添加好位置信息了
3，修改数据表权限我们这里要让所有人可以读取到数据，必须设置权限如下
4，创建对应字段的索引(**重要)我们如果想查找位置信息，必须设置存位置的对应字段对应的索引才可以 。
如果不创建索引直接查询，会报如下错误 。
所以我们必须要先创建对应的索引 。如下图所示添加索引
然后做如下设置即可
到这里准备工作就做完了 。
二，查找附近的人我们查找附近的人，肯定是想按照排序由近到远的显示附近的人在地图上，所以这里我们就要用到geoNear做聚合查询 。
geonear查询有两种方式，建议大家用Aggregate.geoNear
详细介绍大家可以自己去看官方文档
https://developers.weixin.qq.com/miniprogram/dev/wxcloud/reference-sdk-api/database/aggregate/Aggregate.geoNear.html
用这个的主要好处是，我们可以拿到附近人离自己的距离
这个距离在做附近的人时很重要的 。既然可以直接拿到，能省很多事的 。具体的代码后面给大家列出来，我们先继续往下学习
三，获取当前的位置我们要做附近的人肯定要先获取自己的位置，获取自己的位置就用wx.getLocation即可，对应文档如下
https://developers.weixin.qq.com/miniprogram/dev/api/location/wx.getLocation.html
这个使用之前必须要在app.json里注册权限，如果不注册权限，就会报如下提示
所以在app.json里写如下代码
"permission": {"scope.userLocation": {"desc": "获取位置所需要的权限"}}四，获取附近人的经纬度代码其实很简单，如下
这样我们就可以按照由近到远的顺序获取附近的人了，结果如下
石头哥是在杭州，可以看到几个城市里离杭州最近的是上海159公里的距离 。
五，在地图上显示附近的人既然位置都已经查询到了，我们就可以在地图上显示了，地图上显示用到了map组件的markers
对应的js代码如下
下面我把完整的代码贴出来给到大家
wxml代码
js代码
Page({data: {markers: []},onl oad() {wx.getLocation({ //1，获取自己的位置type: 'wgs84',success: res => {const latitude = res.latitudeconst longitude = res.longitudeconsole.log('当前在杭州的经纬度', res.longitude, res.latitude)//2，查找附近的人let markers = []const db = wx.cloud.database()const $ = db.command.aggregatedb.collection('location').aggregate().geoNear({distanceField: 'juli', // 与给定点的距离spherical: true,near: db.Geo.Point(longitude, latitude), //当前自己的位置}).end().then(res => {console.log('位置', res)res.list.forEach(item => {markers.push({longitude: item.location.coordinates[0],latitude: item.location.coordinates[1]})})// 地图上的标记点this.setData({markers})})}})}})
以上关于本文的内容，仅作参考！温馨提示：如遇健康、疾病相关的问题，请您及时就医或请专业人士给予相关指导!
「四川龙网」www.sichuanlong.com小编还为您精选了以下内容，希望对您有所帮助：
- 2021口碑最好的手机前十位 性价比高的小米手机
- 变成你的那一天有小说吗
- 小孩打预防针挂什么科
- 榴莲要挑刺大的还是小的
- 西瓜是切小块冰还是大块
- DNF手游经济系统重做，小号搬砖养大号，0氪毕业不是梦
- 野柿子直接吃吗
- 买手机太小气会吃亏！有钱尽量一步到位，这3款国产旗舰值得选择
- 零是不是自然数
- 刑侦日记杨碧芯看到的小女孩和旗袍女人是谁