uni-app使用腾讯地图实现详细地址查询经纬度lat、lng
uni-app
2025-02-08 22:16:47
经纬度的使用在网站开发中使用导航时是必不可少的存在,那么当你只知道详细地址时要如何才能获取到其经纬度信息呢?
这里就不得不提到腾讯地图或高德地图等的开放api了,通过对起api的使用可实现使用详细地址获取到其经纬度信息。
本篇文章就来分享一个使用腾讯地图定义的公用方法,通过调用其api实现获取经纬度。
一、在util.js中创建公用方法。
export function latLocate(resd){
return new Promise((resolve, reject) => {
uni.request({
url: 'https://apis.map.qq.com/ws/geocoder/v1/', //仅为示例,并非真实接口地址。
data: {
address:resd,
key: '地图Key',
// output: 'jsonp'
},
header: {
},
success: (res) => {
console.log("返回信息",res.data.result)
resolve({
code:200,
msg:'定位成功',
data:res.data.result
})
}
});
})
}
二、页面中使用latLocate方法
import { latLocate } from "@/util/util.js"
latLocate('详细地址').then(res=>{
console.log(res)
})
注意项:
腾讯地图KEY需要分配对应接口的配额。
腾讯地图请求的域名,需要在微信小程序后台进行配置。

885篇文章
203人已阅读