JavaScript 获取当前地区天气
时间: 2023-02-11 21:17:43 浏览: 106
取本地天气信息
JavaScript 通过使用 HTML5 Geolocation API 可以获取当前地区的天气信息。首先,需要在浏览器中请求用户的地理位置信息,然后将这些信息传递给一个天气 API,如 OpenWeatherMap API,获取当前地区的天气信息。
示例代码:
```
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
var lat = position.coords.latitude;
var lon = position.coords.longitude;
var apiKey = "your_api_key";
var apiUrl = `https://api.openweathermap.org/data/2.5/weather?lat=${lat}&lon=${lon}&appid=${apiKey}`;
fetch(apiUrl)
.then(function(response) {
return response.json();
})
.then(function(data) {
console.log(data);
// 此处可以使用 data 来更新页面上的天气信息
});
});
} else {
console.log("Geolocation is not supported by this browser.");
}
```
注意:这需要在服务器端运行,并且需要一个API key来访问OpenWeatherMap API。
阅读全文