百度地图通过地理位置名称获取地理坐标

这里以vue来测试

config.js配置代理

 '/geocoder':{
          target:"http://api.map.baidu.com",
          pathRewrite:{
            '^/geocoder':'/geocoder'
          }
  },

调百度的接口获取数据

	// 桂林下的区县
    let cityStr = "秀峰区、叠彩区、象山区、七星区、雁山区、临桂区、阳朔县、灵川县、全州县、兴安县、永福县、灌阳县、龙胜各族自治县、资源县、平乐县、荔浦市、恭城瑶族自治县";
    let city = cityStr.split("、");
    let cityObj=[]
    city.map((item,i)=>{
      this.$axios.get("/geocoder?address="+item+"&output='json'&key='wh15EGnRrStkrzxq7G5Rem7TWGAqLxPI'&city='桂林市'").then(res => {
        // 返回来的数据是xml 通过split 截取来获取坐标
        let lat = res.split("<lat>")[1].split("</lat>")[0];
        let lng = res.split("<lng>")[1].split("</lng>")[0];
        if (lat && lng) {
          let obj = { name: item, lat:Number(lat), lng:Number(lng) };
          cityObj.push(obj);
        }
      });
    })