WX小程序获取地理位置
1.获取用户地理位置,需要用到以下三个api方法
wx.getSetting() | 获取用户的授权列表信息 |
---|---|
wx.openSetting() | 调起客户端小程序设置界面 |
wx.getLocation() | 获取用户当前位置 |
<view bindtap='getCurrentLocal'>获取当前位置</view>
当用户点击“获取当前位置”时,我们调用 wx.getSetting() 方法来获取用户授权相关信息,判断 wx.getSetting() 方法返回的结果中是否包含地理位置的授权信息
1.1.进入腾讯地图位置服务网址,然后申请密钥(很关键)
https://lbs.qq.com/console/key.html
1.2.下载微信小程序JavaScriptSDK
https://lbs.qq.com/qqmap_wx_jssdk/index.html
3.3在wx小程序官网上“设置” -> “开发设置”中设置request合法域名,添加https://apis.map.qq.com
然后进行代码编辑,这是js中的
//index.js
const app = getApp();
// 这里写你的js路径
var QQMapWX = require('../data/qqmap-wx-jssdk.min.js');//这里是我引入我从tx位置上下载的js文件放到了我的data文件夹里面了
var qqmapsdk;
Page({
data: {
province: '',
city: '',
latitude: '',
longitude: ''
},
onLoad: function () {
// 这里写你自己的秘钥
qqmapsdk = new QQMapWX({
key: '这个地方写的是自己的key秘钥'
});
},
onShow: function () {
let vm = this;
vm.getUserLocation();
},
getUserLocation: function () {
let