微信小程序获取 用户当前定位地址

需求:小程序需要获取用户当前位置

效果图

1⃣️ 使用微信小程序的 wx.getLocation 用户授权后 只能获取到经纬度

2⃣️  需要 将经纬度 换成 地址详情

解决: 引入微信sdk  (文档地址=>  微信位置服务)

1)申请密钥

2)下载 qqmap-wx-jssdk.js 文件到小程序

js

var QQMapWX = require('../../utils/qqmap-wx-jssdk.js');
var qqmapsdk;

qqmapsdk = new QQMapWX({ key: 'XXXXX-XXXXX-XXXXX-XXXXX-XXXXX-XXXXX' //这里自己的key秘钥进行填充 });

wx.getLocation({

    type: 'wgs84',

    success(res) {

            const latitude = res.latitude;

            const longitude = res.longitude;

            const speed = res.speed;

            const accuracy = res.accuracy;

        qqmapsdk.reverseGeocoder({
         location: {
                     latitude: res.latitude,    // 将getLocation获取的经纬度 传过去换地址详情
                     longitude: res.longitude,
         },
         success: function (res) {
                 console.log('res',res.result)   //最后返回的 地址数据
         },
         fail: function (res) {
                 console.log('fail', res);
         },
         complete: function (res) {
         }
       })

    }

})

最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容