上代码:
以下是小程序的代码;
h5页面的话也是下面的请求 换成ajax即可 so easy
还是看不懂的或者有更好方法的可以评论交流一下
// 根据拿到的经纬度 城市解析
const loadCity = (longitude, latitude) =>{
// 百度解析地理位置 (真辣鸡)
// var page = this
// wx.request({
// url:'http://api.map.baidu.com/geocoding/v3/?address=' + latitude + ',' + longitude + '&output=json&ak=zLoBZaHsBqGOcUQcG4I1OfOjfrLZoHj8&callback=showLocation',
// // url: 'https://api.map.baidu.com/geocoder/v2/?ak=自己去官网申请一串号码&location=' + latitude + ',' + longitude + '&output=json',
// // data: {},
// header: {
// 'Content-Type': 'application/json'
// },
// success: function (res) {
// // success
// console.log(res);
// // var city = res.data.result.addressComponent.city;
// // page.setData({ currentCity: city });
// },
// fail: function () {
// page.setData({ currentCity: "获取定位失败" });
// },
// })
// 腾讯位置服务 (好用)
var that =this
wx.request({
url:'https://apis.map.qq.com/ws/geocoder/v1/',
data: {
location: `${latitude},${longitude}`,
key: '自己去腾讯位置服务官网申请一串号码'
},
header: {
'Content-Type': 'application/json'
},
success: function (res) {
// success
console.log(res);
},
fail: function () {
that.setData({ currentCity: "获取定位失败" });
},
})
}