uni-app使用腾讯地图实现详细地址查询经纬度lat、lng

经纬度的使用在网站开发中使用导航时是必不可少的存在,那么当你只知道详细地址时要如何才能获取到其经纬度信息呢?

这里就不得不提到腾讯地图或高德地图等的开放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需要分配对应接口的配额。

    腾讯地图请求的域名,需要在微信小程序后台进行配置。

 

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