微信小程序---获取用位置信息

  • 申请秘钥
    微信小程序---获取用位置信息_第1张图片
  • 给申请的秘钥(key)开通 WebServiceAPI
    微信小程序---获取用位置信息_第2张图片
  • 下载微信小程序JavaScriptSDK
    微信小程序---获取用位置信息_第3张图片
  • 将下载的js文件放到项目目录中
    微信小程序---获取用位置信息_第4张图片
  • 后台配置request合法域名,添加 https://apis.map.qq.com
    微信小程序---获取用位置信息_第5张图片
  • 接下来就是代码啦
// 引入SDK核心类
var QQMapWX = require('../../utils/qqmap-wx-jssdk.js');
Page({
data:{},
onLoad: function(options) {
    let qqmapsdk = new QQMapWX({
      key: '申请的秘钥' // 必填
    });
    //1、获取当前位置坐标
    wx.getLocation({
      type: 'wgs84',
      success: function (res) {
        //2、根据坐标获取当前位置名称
        qqmapsdk.reverseGeocoder({
          location: {
            latitude: res.latitude,
            longitude: res.longitude
          },
          success: function (res) {
            console.log(res)
          },
          fail:function(res){
            console.log(res)
          }
        })
      }
    })
  }
})

返回的数据结构

微信小程序---获取用位置信息_第6张图片

你可能感兴趣的:(微信小程序)