vue2中使用iframe标签展示高德地图

首先根据高德地图的--# 地理/逆地理编码从服务器返回的类似——广东省广州市白云区——数据请求到经纬度数据

请求经纬度数据

请求回来后再根据高德地图的地图组件-选址组件，像高德地图发送类似于

URL: //m.amap.com/picker/?keywords=写字楼,小区,学校&zoom=15&center=116.470098,39.992838&radius=1000&total=20&key=（您的Key）

这样的数据

然后竟然给我报了个跨域错误，纳尼公共API也会跨域的么，后来尝试了fetch也不行

fetch('https://m.amap.com/picker/?keywords=写字楼,小区,学校&zoom=15&center=116.470098,39.992838&key=5338a9418b7c737a1631b8e708d063c4',{
            method:'get',
            headers: {
                'Content-Type':'application/json'
            },
            mode:'cors'
        }).then(res => {
            console.log(res);
        })

最后在配置文件配置了个代理

拿到数据后把iframe的src属性设置为获取到的数据即可展示高德地图