百度POI在vue项目中的应用

204 阅读1分钟

问题:axios请求poi接口存在跨域

  • 1、下载vue-jsonp 包

  • 2、头部引入 import VueJsonp from "vue-jsonp"

  • 3、带参请求poi接口

   const params = {
        query: query,
        location: `${coordinates[0]},${coordinates[1]}}`,
        radius: "2000",
        output: "json",
        ak: "nSxiPohfziUaCuONe4ViUP2N",
        scope: 2
      };
      this.$jsonp("http://api.map.baidu.com/place/v2/search", params)
        .then(json => {
          let tempresults = json.results;
        })
        .catch(err => {
          console.log(err);
        });
  • 4、完美解决