vue使用高德获取当前地区天气

1、收件箱 | 高德控制台 (amap.com)

 首先打开高德开放平台注册一下

2、创建一个应用获取到key后面获取天气的时候 请求接口的时候会用到key

 

2.1.1 创建应用的时候注意类型选成天气

 

 

 2.1.2 创建完成之后就点添加key 然后选择web服务就行

3、可以调取天气接口

天气查询-基础 API 文档-开发指南-Web服务 API | 高德地图API

https://restapi.amap.com/v3/weather/weatherInfo?key=你前面获取到的key&city=110101

 city的话有对应的码和key，你可以和后端商量放后端你掉接口就好

 4、根据返回的天气设置相应的天气照片

 68个天气

4.1.1 在iconfont找就有 

iconfont-阿里巴巴矢量图标库