高德地图通过地理位置转经纬度,报跨域问题解决方法 https://restapi.amap.com/v3/geocode/

高德地图通过地理位置转经纬度,报跨域问题解决方法通过代理可以解决

// 高德地图代理
      '/amap': {
        target: 'https://restapi.amap.com/v3/geocode/',
        changeOrigin: true,
        ws: true,
        pathRewrite: {
          '^/amap': ''
        }
      }

封装成方法导出在需要的地方引用装换就可以

// 根据地址 查询经纬度
export function addressToLngLat (address) {
  return new Promise((resolve, reject) => {
    axios.defaults.baseURL = ''
    let locationStr = ''
    axios
      .get(
        '/amap/geo', {
        params: {
          address: address,
          s: 'rsv',
          city: '35',
          key: ''
        }
      }
      )
      .then((res) => {
        if (res.geocodes && res.geocodes.length > 0) {
          resolve(locationStr)
        } else {
          locationStr = ''
          resolve(locationStr)
        }
      })
  })
}

使用直接掉方法

  // 输入地址自动补全经纬度
    async addressAutoCompleteLngLat (event) {
      let address = event
      let lngLatStr = await addressToLngLat(address)
      console.log（lngLatStr ）
    },

最后

以上就是英俊丝袜为你收集整理的高德地图通过地理位置转经纬度,报跨域问题解决方法 https://restapi.amap.com/v3/geocode/的全部内容，希望文章能够帮你解决高德地图通过地理位置转经纬度,报跨域问题解决方法 https://restapi.amap.com/v3/geocode/所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。