uniapp 第三方地图腾讯地图百度地图 H5端跨域请求

时间：2020-07-21 23:13:57 收藏：0 阅读：179

我这次的需求是在uniapp H5端经纬度转换地址。
第一步安装 npm install vue-jsonp --save
第二步在main.js中引用

import vueJsonp from ‘vue-jsonp‘
Vue.use(vueJsonp)

第三步在你需要的地方去使用(我是在onload里面)

this.$jsonp(
     "https://api.map.baidu.com/reverse_geocoding/v3/?ak=lgB5fqzTUODMGllXL0Wk88888888&location=22.54,113.95&output=json&callback=showLocation"
     ).then(res => {
       console.log(res,‘百度‘)
     })   
this.$jsonp(
     "https://apis.map.qq.com/ws/geocoder/v1/?key=2FMBZ-88888-TXM4G-TWPCR-H3FA7-QMFLI&location=39.984154,116.307490&output=jsonp"
     ).then(res => {
       console.log(res,‘腾讯地图‘)
     })

tips:两个地图参数不同，测试过很多遍了！

uniapp 第三方地图 腾讯地图 百度地图 H5端 跨域请求

uniapp 第三方地图腾讯地图百度地图 H5端跨域请求