最近有个vue3项目需要调用腾讯地图api,通过详细地址返回指定地址的经纬度,在调用时发现无论怎么调都有问题,经过了一系列的尝试和百度后终于总结出一套能够走通的方法,现在分享给大家。
安装vue-jsonp
npm i vue-jsonp -D
// HelloWorld.vue
import {
jsonp} from 'vue-jsonp';
export default {
name: 'HelloWorld',
props: {
msg: String
},
mounted() {
const params = {
headers: {
"content-type": "application/xml"},
callbackQuery: "callbackParam",
callbackName: "jsonpCallback"
}
//注意这里的地址参数需要连接起来中间不要有空格或者换行
let url = `https://apis.map.qq.com/ws/geocoder/v1/?address=北京市海淀区彩和坊路海淀西大街74号&key=yourkey&output=jsonp&callback="jsonpCallback`;
jsonp(url, params).then(res => {
console.log('res',</