百度地图API地址解析

Question

在开发百度地图时，要用到地址解析聚合，把拿到的地区名称转换为坐标，如图：

我发送了请求

这是发送请求的代码

此外还做了跨域

但是没有返回对应地址的坐标，而是把我的index.html里的内容返回来了，结果如下图：

求解答

Answer 1

引自免费微信小程序：皆我百晓生

根据您提供的信息，问题可能出在跨域设置上。您可以尝试修改vite.config.js文件中的代理设置，将pathRewrite部分修改为如下：

devServer: {
  proxy: {
    '/baidu': {
      // 代理地址
      target: 'https://api.map.baidu.com/',
      pathRewrite: {
        // 地址重写
        '^/baidu': ''
      }
    }
  }
}

同时，确保您的请求URL是正确的。根据百度地图API文档，请求URL应该是：

https://api.map.baidu.com/geocoding/v3/?address=北京市海淀区信息路甲九号&output=json&ak=您的ak

请将上述代码中的output参数设置为json，并将ak参数替换为您的百度地图API密钥。然后，您可以使用以下代码发送请求：

const renderNext = async (e) => {
  showMap.value = !showMap.value;
  let response = await axios.get('https://api.map.baidu.com/geocoding/v3/', {
    params: {
      address: e.name,
      output: 'json',
      ak: 'nyJ8BTD4BDVEef84T9tjWNxymUpmTc2r'
    }
  });
  console.log('111', response.data);
};