美文网首页
uniapp 第三方地图 腾讯地图 百度地图 H5端 跨域请求

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

作者: 破土称金 | 来源:发表于2020-06-15 18:11 被阅读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:两个地图参数不同,测试过很多遍了,原创不容易,点个赞谢谢咯!

    相关文章

      网友评论

          本文标题:uniapp 第三方地图 腾讯地图 百度地图 H5端 跨域请求

          本文链接:https://www.haomeiwen.com/subject/vryhxktx.html