js 获取当前位置天气信息
时间: 2023-09-30 14:11:09 浏览: 170
要获取当前位置的天气信息,需要使用浏览器提供的Geolocation API获取当前位置的经纬度坐标,然后再根据坐标使用天气API获取天气信息。以下是一个使用OpenWeatherMap API获取当前位置天气信息的示例代码:
```javascript
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showWeather);
} else {
console.log("Geolocation is not supported by this browser.");
}
function showWeather(position) {
const lat = position.coords.latitude;
const lon = position.coords.longitude;
const apiKey = "YOUR_API_KEY"; // replace with your own API key
const apiUrl = `https://api.openweathermap.org/data/2.5/weather?lat=${lat}&lon=${lon}&appid=${apiKey}&units=metric`;
fetch(apiUrl)
.then((response) => response.json())
.then((data) => {
console.log(`Current temperature: ${data.main.temp}°C`);
console.log(`Weather description: ${data.weather[0].description}`);
})
.catch((error) => {
console.log("Error fetching weather data:", error);
});
}
```
请注意,上述代码中的`YOUR_API_KEY`需要替换为您自己的OpenWeatherMap API密钥。
阅读全文