uni-app实现腾讯地图api使用经纬度(lat、lng)查询省市区详细地址

地址在大多数网站中是必不可少的存在,通过对经纬度和地址的使用。可以使用户更加便捷的了解店铺所在位置。

那么在开发小程序或网站中,如果我们只用经纬度信息,如何能根据经纬度来获取到其详细的省市区信息呢?

这里就不得不提到地图供应商提供的开放api,通过对开放api的使用可以便捷清晰的知道其对应的省市区信息。

本篇就来介绍在uni-app开发中,如何使用腾讯地图开放api查询城市信息。

一、在util.js中创建查询城市公用方法。

export function locateLat(resd){
return new Promise((resolve, reject) => {
uni.request({
url: 'https://apis.map.qq.com/ws/geocoder/v1/',
data: {
location:resd.latitude+','+resd.longitude,
key: '腾讯地图KEY',
// output: 'jsonp'
},
header: {
},
success: (res) => {
console.log("结果",res)
resolve({
code:200,
msg:'定位成功',
data:res.data.result
})
}
});
})
}

二、页面中使用公用方法locateLat查询省市区等详细地址

import { locateLat } from "@/util/util.js"
locateLat({latitude:'',longitude:''}).then(res=>{
console.log(res)
})

使用帮助

    1、注意经纬度不要混淆,经度(0°至180°),纬度(0°至90°)

    2、分配的KEY需要对/ws/geocoder/v1进行配额

 

六月初字帖坊小程序 你想要的字帖模板及工具,这里都有!