最近好多同學(xué)問石頭哥附近的人如何實(shí)現(xiàn)。今天呢，就借助這篇文章，給大家做一個(gè)系統(tǒng)的解答。

老規(guī)矩，先看效果圖

接下來就教大家如何實(shí)現(xiàn)附近的位置。

一，創(chuàng)建數(shù)據(jù)

首先我們查詢附近的人的時(shí)候，需要先有附近人的位置，也就是經(jīng)緯度。這里我以幾個(gè)城市的經(jīng)緯度為例。

1，注意存位置時(shí)必須是Point類型

2，批量添加(選看)

如果感覺一個(gè)添加比較麻煩的話，可以先添加一條，然后導(dǎo)出為json，自己在json里批量編輯。

二，查找附近的人

我們查找附近的人，肯定是想按照排序由近到遠(yuǎn)的顯示附近的人在地圖上，所以這里我們就要用到geoNear做聚合查詢。
geonear查詢有兩種方式，建議大家用Aggregate.geoNear

三，獲取當(dāng)前的位置

我們要做附近的人肯定要先獲取自己的位置，獲取自己的位置就用wx.getLocation即可，對(duì)應(yīng)文檔如下
https://developers.weixin.qq.com/miniprogram/dev/api/location/wx.getLocation.html
這個(gè)使用之前必須要在app.json里注冊(cè)權(quán)限，如果不注冊(cè)權(quán)限，就會(huì)報(bào)如下提示

四，獲取附近人的經(jīng)緯度

代碼其實(shí)很簡單，如下

五，在地圖上顯示附近的人

既然位置都已經(jīng)查詢到了，我們就可以在地圖上顯示了，地圖上顯示用到了map組件的markers

wxml代碼

<map markers="{{markers}}" show-location scale="4" 
style="height: 100vh;" />

js代碼

Page({
  data: {
    markers: []
  },
  onLoad() {
    wx.getLocation({ //1，獲取自己的位置
      type: 'wgs84',
      success: res => {
        const latitude = res.latitude
        const longitude = res.longitude
        console.log('當(dāng)前在杭州的經(jīng)緯度', res.longitude, res.latitude)
        //2，查找附近的人
        let markers = []
        const db = wx.cloud.database()
        const $ = db.command.aggregate
        db.collection('location').aggregate()
          .geoNear({
            distanceField: 'juli', // 與給定點(diǎn)的距離
            spherical: true,
            near: db.Geo.Point(longitude, latitude), //當(dāng)前自己的位置
          }).end()
          .then(res => {
            console.log('位置', res)
            res.list.forEach(item => {
              markers.push({
                longitude: item.location.coordinates[0],
                latitude: item.location.coordinates[1]
              })
            })
            // 地圖上的標(biāo)記點(diǎn)
            this.setData({
              markers
            })
          })
      }
    })
  }
})

好了，到這里就帶大家完整的實(shí)現(xiàn)了地圖上顯示附近人的功能了。如果覺得石頭哥文章還不錯(cuò)，歡迎關(guān)注點(diǎn)贊。