React通过jsonp获取高德在线天气数据

1.注册高德开发者

• 注册地址https://lbs.amap.com/dev/id/choose
• 选择个人开发者
• 后续根据实际情况填写

2. 创建应用

选择 Web服务

3.天气查询API

参考 天气查询API

• get请求
• 必需的2个参数
  • key 注册时的key
  • city 城市编号
    

4. 代码实现

路径根据个人修改

jsonp请求

• jsonp需要单独引入

yarn add jsonp

import {
    message } from "antd";
import jsonp from "jsonp";

//请求高德天气
export const reqWeather = (cityCode)=>{
   

    return new Promise((resolve,reject)=>{
   
        const url = `https://restapi.amap.com/v3/weather/weatherInfo?key=72999d8b7494cbdcf6b1851224fe779a&city=${
     cityCode}`
        jsonp(url,{
   },(err,data)=>{
   
            // console.log("reqWeather=",err,data);
            if(data.status==="1"){
   
                //请求成功，拿到数据
                const {
   weather,city,province,temperature} = data.lives[0]</