vue 使用 vue-jsonp插件调用腾讯地图api

最近有个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',</