高德地图天气api对应天气图标

2023-08-09 Umming 前端规范评论(2) 浏览(1824)

高德地图天气api返回的天气状体不带图标，只有文字，前端可根据文字拼接对应图标实现天气显示图标效果

热心网友兄弟推荐的amap-weather-icons库也好用，

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>amap-weather-icons</title>
    <script src="https://unpkg.com/amap-weather-icons@0.0.6/output/index.js"></script>
  </head>
  <body>
  	 <!-- size默认256，最大也256 -->
    <amap-weather-icons size="150" icon="晴"></amap-weather-icons>
  </body>
</html>

标签: 高德天气api