高德天气获取

访问高德官网,控制台,应用,创建新应用,高德开放平台 | 高德地图API (amap.com)

接口文档:

定位接口:IP定位-API文档| 高德地图API

天气预报接口:天气查询-API文档 | 高德地图API

我这里会报跨域的错,找了很多方法没解决,最后用了一个简单的方法

  const [weather, setWeather] = useState({});
  useEffect(() => {
    fetch('https://restapi.amap.com/v3/weather/weatherInfo?city=370104&key=你的key')
      .then(response => response.json())
      .then(data => {
        if (data.status === '1') {
          setWeather(data.lives[0]);
          console.log(data.lives[0]);
        } else {
          console.error('Failed to fetch weather data:', data.info);
        }
      })
      .catch(error => {
        console.error('Error fetching data:', error);
      });
  }, []);

Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐