这是代码库的a link。
基本要点是找出用户的位置并告诉他们天气。
我有代码集,所以我们可以找到用户的位置。如何找到这个位置的天气?我不知道如何编码。
这是HTML
<html>
<head>
<link href='https://fonts.googleapis.com/css?family=VT323' rel='stylesheet' type='text/css'>
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.simpleWeather/3.0.2/jquery.simpleWeather.min.js"></script>
</head>
<body>
<div class="logo">
<h1>Local Weather App</h1>
</div>
<div class="city">
<!-- City-->
</div>
<div class="state">
</div>
<div class="weather">
<!-- Temperature will go here -->
</div>
</body>
</html>
这是jQuery ..
$.getJSON('http://ip-api.com/json', function(locationIp) {
$.getJSON('http://api.openweathermap.org/data/2.5/weather?lat=' + locationIp.lat + '&lon' + locationIp.lon, function(weatherDisplay){
$(".city").text(locationIp.city + ',');
$(".state").text(locationIp.region);
$(".weather").text(weatherDisplay.weather.temp);
});
});
我修改了weatherAPI以使用城市/国家而不是lat / lon。我也没有把{function-name} .weather。{temp / type / pressure}。