微信授权地理位置php,微信小程序--获取用户地理位置名称(无须用户授权)的方法...

在本文 微信小程序--获取用户地理位置名称(无须用户授权) 之前需要先看看

代码封装是在上文添加的。

准备

2、在微信小程序后台把apis.map.qq.com添加进request合法域名

效果

添加封装

/**

* 发起网络请求

* @param {string} url

* @param {object} params

* @return {Promise}

*/

static request(url, params, method = "GET", type = "json") {

console.log("向后端传递的参数", params);

return new Promise((resolve, reject) => {

let opts = {

url: url,

data: Object.assign({}, params),

method: method,

header: { 'Content-Type': type },

success: resolve,

fail: reject

}

// console.log("请求的URL", opts.url);

wx.request(opts);

});

};

/**

* 获取用户中心位置经纬度

* @param {ctx} name

*/

static getCenterLocation(name) {

return new Promise((resolve, reject) => name.getCenterLocation({ success: resolve, fail: reject }));

}

如果已经存在,则不用添加

js

let app = getApp();

let wechat = require("../../utils/wechat");

Page({

onReady(e) {

let mapCtx = wx.createMapContext('myMap');

setTimeout(() => {

mapCtx.moveToLocation();

}, 1000);

setTimeout(() => {

this.getAddress(mapCtx);

}, 2000);

},

getAddress(mapCtx) {

wechat.getCenterLocation(mapCtx)

.then(d => {

console.log(d);

let { latitude, longitude } = d;

console.log("当前位置纬度", latitude, "当前位置经度", longitude);

let url = `https://apis.map.qq.com/ws/geocoder/v1/`;

let key = 'XXXXX-D6FAD-RSG4U-HBE6F-NVFNK-XXXXX';

let params = {

location: latitude + "," + longitude,

key

}

return wechat.request(url, params);

})

.then(d => {

console.log(d);

console.log("当前地址", d.data.result.address);

})

.catch(e => {

console.log(e);

})

}

})

html

css

page{

height: 100%;

}

#myMap{

width: 100%;

height: 100%;

}

参考地址：

以上所述是小编给大家介绍的微信小程序-获取用户地理位置名称(无须用户授权)的方法详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！