小程序获取用户当前位置_小程序 获取当前位置

1. 申请开发者密钥
   https://lbs.qq.com/console/key.html
2. 下载微信小程序JavaScriptSDK
3. 安全域名设置，在“设置” -> “开发设置”中设置request合法域名，添加https://apis.map.qq.com
4. 实例

import QQMapWX from '../utils/qqmap-wx-jssdk.min.js'; //引入SDK核心类

/**
   *获取用户当前地理位置
   */
  getUserLocation() {
    var qqmapsdk;  
    var me = this;
    wx.getSetting({    //判断是否授权
      success(res) {
        wx.getLocation({  
          type: 'wgs84', 			//返回可以用于wx.openLocation的经纬度
          success(res) {
            console.log('已授权')
            qqmapsdk = new QQMapWX({
              key: "HZBBZ-TEXC2-6PXUG-CI34Z-QUZVE-3TF7R", //自己申请的key
            })
            qqmapsdk.reverseGeocoder({
              location: {
                latitude: res.latitude,
                longitude: res.longitude
              },
              success(addressRes) {
                me.city = addressRes.result.address_component.city;//举例获取城市，获取其他的可以参照下文图片
                me.$apply();
              },
              fail(res) {
                console.log(res)
              }
            })
          },
          fail(res) {
            console.log('未授权')
            console.log(res)
          }
        })
      }
    })
  }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39