微信小程序获取用户地理位置

- 最后更新：2019 / 9 / 02 - Tags：小程序

添加app.json授权配置
在app.json里添加以下属性配置

"permission": {
    "scope.userLocation": {
        "desc": "你的位置信息将用于为您提供更精确的推荐"
    }
}

页面调用
在需要调用的页面的js文件内添加腾讯地图SDK文件，点击下载

//坐标逆解析
var QQMapWX = require('../../utils/qqmap-wx-jssdk.min.js');
var qqmapsdk;

在onLoad时初始化腾讯地图API，KEY需要去申请，点击申请

// 实例化腾讯地图API核心类
qqmapsdk = new QQMapWX({
    key: ''
});

调用wx.getLocation接口

//获取地址坐标
wx.getLocation({
    type: 'gcj02',
    success(res) {
        qqmapsdk.reverseGeocoder({
            location: {
                latitude: res.latitude,
                longitude: res.longitude
            },
            success: res => {
                let city = res.result.address_component;
                console.log(city); //打印位置信息
            }
        })
    }
});

请为这篇文章评分:

( 已有 1 人评分, 平均得分: 4 分 )

◁ ↺ ▷