微信小程序之调用腾讯地图接口获取当前地理位置

真机调试的bug

出现服务器忙连接断开等提示可以选择换个网络或者换成手机4G信号试试

在这里插入图片描述

获取地理位置的方式:

getlocation() {
//调用getlocation()这个接口
    wx.getLocation({
      altitude: 'altitude',
      complete: (res) => {},
      fail: (res) => {},
      highAccuracyExpireTime: 0,
      isHighAccuracy: true,
      success: ({
        //longitude:lg, 给longitude变量取别名为lg
        longitude:lg,
        latitude:la
      }) => {
        //使用腾讯地图获取当前地址  
        wx.request({
          url: 'https://apis.map.qq.com/ws/geocoder/v1/',
          complete: (res) => {},
          data:{
            location:$parseVars2Str(la , lg),
            key:'CQBBZ-N5KWU-25AV6-2NODO-V2XQ2-MMFOX'
          },
          success: (result) => {
            console.log(result.data.result.address)
          },
        })

        // this.setData({
        //   location:$parseVars2Str(lg , la)
        // })
      },
      type: 'gcj02',
    })
    
  },

工具方法

//将传入的参数通过,连接起来
// export function $parseVars2Str(a , b) {
//   return [a , b].join(,)
// }

// //传入参数为可变参数  , v传入参数个数不确定    第一种方式
// export function $parseVars2Str() {
//   return Array.prototype.join.call(arguments , ',');
// }


//传入参数为可变参数  , v传入参数个数不确定    第二种方式
export function $parseVars2Str(...args) {
  // return Array.prototype.join.call(arguments , ',');
  return args.join(",")
}
发布了20 篇原创文章 · 获赞 12 · 访问量 7748

猜你喜欢

转载自blog.csdn.net/weixin_44735933/article/details/105510119