2019-06-12-vue中调用地图第三方 API

字数 68阅读 95

vue中调用地图第三方 API

  • 使用 axios 出现 CORS
  • 使用 jsonp 出现 CORB
  • 动态创建元素请求,同样出现 CORB

动态创建元素请求

    let url = 'http://api.map.baidu.com/geocoder?location=' + this.latlng + '&output=json&ak=xxxxbbbbvvv'
      window.__jp1 = function (data) {
        console.log(JSON.stringify(data))
      }
      var script = document.createElement('script')
      script.setAttribute('src', url)
      document.getElementsByTagName('head')[0].appendChild(script)
      

向服务器发送请求,服务器再请求第三方API,返回响应

      let query = {
        location: this.latlng
      }
      let res = await getAddrByCoordinate(query)
      console.info(res)

推荐阅读更多精彩内容

  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
  • 一、什么是跨域 url的组成 JavaScript出于安全方面的考虑,不允许跨域调用其他页面的对象。那什么是跨域呢...
  • 响应式布局的理解 响应式开发目的是一套代码可以在多种终端运行,适应不同屏幕的大小,其原理是运用媒体查询,在不同屏幕...
  •   2005 年,Jesse James Garrett 发表了一篇在线文章,题为“Ajax: A new App...
  • 基本用法 一、vuejs简介 是一个构建用户界面的框架 是一个轻量级的MVVM(Model-View-ViewMo...