Vær og lokasjon

Utvikle en webapplikasjon som viser brukerens nåværende geografiske posisjon, været på stedet (med data og ikon fra Yr), og adressen (hentet fra GeoNorge).

  1. Struktur:
    • En tydelig struktur med overskrifter og avsnitt for GPS-koordinater, vær, og adresse.
  2. GPS-Lokasjon:
    • Bruk navigator.geolocation API for å hente brukerens nåværende geografiske posisjon (latitude og longitude).
    • Vis koordinatene tydelig på siden.
    • Implementer feilhåndtering for tilfeller der brukeren nekter tilgang til posisjonen eller GPS ikke er tilgjengelig.
  3. Vær fra Yr:
    • Bruk Yr API (https://api.met.no/weatherapi/locationforecast/2.0/compact?lat=[latitude]&lon=[longitude]) for å hente værdata.
    • Vis relevant informasjon som temperatur og et værikon fra Yr (https://api.met.no/images/weathericons/png/[symbolCode].png).
  4. Adresse fra GeoNorge:
    • Bruk GeoNorge API (https://ws.geonorge.no/adresser/v1/punktsok?lon=[longitude]&lat=[latitude]&radius=50) for å hente adressen.
    • Vis den mest relevante adressen tydelig på siden. Implementer feilhåndtering.
  5. Oppdateringsfunksjonalitet (Valgfritt):
    • Legg til en knapp som lar brukeren oppdatere sin nåværende posisjon og dermed oppdatere vær og adresse.

Vurderingskriterier:

  • Applikasjonen henter GPS-posisjon korrekt.
  • Værinformasjon (inkludert ikon fra Yr) vises.
  • Adresse vises fra GeoNorge API.
  • Feilhåndtering er implementert for GPS og API-kall.

Forslag til løsning

Relaterte kompetansemål

  • planlegge, utvikle, sette opp og dokumentere systemer for datainnsamling, analyse og visualisering
  • planlegge, utvikle, sette opp og dokumentere integrasjoner mellom ulike systemer og databaser
  • utvikle og tilpasse brukergrensesnitt som ivaretar krav til universell utforming
  • velge og bruke relevante rammeverk og moduler til utvikling
  • utforske og vurdere eksisterende og nye teknologier og bransjerelevante kodespråk

Relaterte emner