js获取所在城市天气信息
时间: 2023-06-17 18:06:53 浏览: 670
JS获取本地地址及天气的方法实例小结
要获取所在城市的天气信息,你需要使用第三方的天气 API 服务。以下是一个使用免费的天气 API 服务获取所在城市天气信息的示例代码,基于浏览器的 JavaScript:
```javascript
// 免费天气 API 的 URL
const weatherApiUrl = 'https://api.openweathermap.org/data/2.5/weather';
// 获取所在城市的天气信息
function getCityWeather() {
// 获取用户 IP 地址
const ipApiUrl = 'https://ipapi.co/json/';
fetch(ipApiUrl)
.then(response => response.json())
.then(data => {
// 获取所在城市的名称
const cityName = data.city;
// 构建天气 API 的 URL
const apiUrl = `${weatherApiUrl}?q=${cityName}&appid={your_api_key}`;
// 发送请求获取天气信息
fetch(apiUrl)
.then(response => response.json())
.then(data => {
// 处理天气信息
const weather = data.weather[0].description;
const temperature = data.main.temp - 273.15;
console.log(`当前城市:${cityName},天气:${weather},温度:${temperature.toFixed(1)}℃`);
})
.catch(error => {
console.error('获取天气信息失败:', error);
});
})
.catch(error => {
console.error('获取 IP 地址失败:', error);
});
}
getCityWeather();
```
其中,`{your_api_key}` 需要替换成你自己的天气 API 服务的 API Key。该示例使用的是 [OpenWeatherMap](https://openweathermap.org/) 的免费天气 API 服务,你需要先注册一个账号并获取 API Key。
阅读全文