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

2020-06-15  本文已影响0人  破土称金

我这次的需求是在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:两个地图参数不同,测试过很多遍了,原创不容易,点个赞谢谢咯!

上一篇 下一篇

猜你喜欢

热点阅读