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

134 阅读 0 评论 89 点赞

我是靠谱客的博主英俊丝袜，这篇文章主要介绍高德地图通过地理位置转经纬度,报跨域问题解决方法 https://restapi.amap.com/v3/geocode/，现在分享给大家，希望可以做个参考。

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

复制代码

1
2
3
4
5
6
7
8
9
10
// 高德地图代理
      '/amap': {
        target: 'https://restapi.amap.com/v3/geocode/',
        changeOrigin: true,
        ws: true,
        pathRewrite: {
          '^/amap': ''
        }
      }

在这里插入图片描述

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

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
// 根据地址 查询经纬度
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)
        }
      })
  })
}

使用直接掉方法

复制代码

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