首先,注册百度地图开发者账号,并在控制台—>应用管理—>我的应用中创建适当的 AK(应用密钥)来使用该服务。
然后安装百度地图cnpm install vue-baidu-map --save
然后,在 index.html文件中引入相应的 JS SDK。
然后将具体的地址名称作为输入参数,返回一个 Promise,
并使用百度地图 API 进行异步地址逆解析,从而获取适当的经度和纬度值。要执行此操作,
请调用 BMap.Geocoder()
构造函数,并使用 getPoint()
方法将地址描述转换为位置坐标。
一旦获取到位置信息,则可以解析并返回经度和纬度。
getPosition('河南省南阳市淅川县').then(res => {
console.log(res) // res输出解析后的经度和纬度值 lat纬度,lng经度
})
function getPosition(address) {
return new Promise(resolve => {
const geocoder = new BMap.Geocoder();
// geocode() 方法使用百度地图 API 进行地址逆解析
geocoder.getPoint(address, function (point) {
if (point) {
// 如果成功获取位置信息,则解析并返回经度和纬度
const lng = point.lng;
const lat = point.lat;
resolve({ lng, lat });
} else {
// 如果未能获取位置信息,则返回一个空对象
resolve({});
}
});
});
}