码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2020-07-21 23:13:57      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:oca   地方   ati   tip   --   tar   odi   class   需要   

我这次的需求是在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端 跨域请求

标签:oca   地方   ati   tip   --   tar   odi   class   需要   

原文地址:https://www.cnblogs.com/98kkkkkkkkkk/p/13357087.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!