Wunderground weather (https://www.wunderground.com/)
- Wunderground API: https://www.wunderground.com/weather/api/d/docs?d=data/index
- Bepaal uw coördinaten aan de hand van HTML5
geolocation API. (Dode staat reeds op de pagina.)
Toon de coördinaten in de span-tag #latLng. - Haal de gegevens in JSONP op via de URL:
https://api.wunderground.com/api/291369cc63912a1e/forecast/geolookup/lang:NL/q/xxx,yyy.json
Met xxx de waarde van lat en yyy de waarde van lng.
Onderstaande link toont het weerbericht voor Bobbejaanland (lat = 51.20164, lng = 4.9025).
https://api.wunderground.com/api/291369cc63912a1e/forecast/geolookup/lang:NL/q/51.20164,4.9025.json - Bekijk het resultaat van de JSON-requert en toon volgende gegevens:
Toon gemeente en land in de h2-tag #locatie. - Plaats het weer elke dag (dag, icoon en omschrijving) in een card met volgende structuur:
<div class="col-sm-6 dag"> <div class="card-success"> <h3 class="card-header"> dag </h3> <div class="card-body"> < image met icoon > <p> omschrijving </p> </div> </div> </div> - Maak alle div-tags even hoog zodat ze mooie formatie vormen.
- LET OP: eindig de URL in $.getJSON() met callback=?