uniapp腾讯地图根据地址转坐标
时间: 2023-12-05 19:05:36 浏览: 28
1. 引入腾讯地图SDK
在 `main.js` 中引入腾讯地图 SDK:
```js
import QQMapWX from '@/utils/qqmap-wx-jssdk.min.js'
Vue.prototype.$qqMap = new QQMapWX({
key: '你的腾讯地图开发者密钥'
})
```
2. 调用腾讯地图API
在需要转换地址为坐标的地方调用 `$qqMap.geocoder()` 方法,传入地址和回调函数:
```js
this.$qqMap.geocoder({
address: '广州市天河区体育东路'
}, res => {
console.log(res)
})
```
回调函数中的 `res` 参数就是转换后的坐标信息,其中的 `location` 属性就是经纬度信息。
完整示例代码:
```js
import QQMapWX from '@/utils/qqmap-wx-jssdk.min.js'
export default {
data() {
return {
address: '广州市天河区体育东路',
location: null
}
},
created() {
this.$qqMap = new QQMapWX({
key: '你的腾讯地图开发者密钥'
})
this.getAddressLocation()
},
methods: {
getAddressLocation() {
this.$qqMap.geocoder({
address: this.address
}, res => {
this.location = res.result.location
})
}
}
}
```