K9134 Google Maps API udvikling

Google Maps.

Google Maps er på samme tid nemt og svært. Du kan indsætte et kort på dit website, så kunder let kan finde din adresse. Ved hjælp af relativt simple JavaScript- og CSS-parametre kan du bl.a. bestemme centrum af kortet, zoom, type af kort, markør og i visse tilfælde 3D.

Derudover findes et JavaScript API, som er mere avanceret. API’et muliggør effektiv manipulering med kort samt event-interaktion med brugeren. API kan manipuleres dels gennem JavaScript, dels gennem REST webservices.

På kurset lærer du mere end standard API’et. Du lærer bl.a. at style dit kort med V3 JSON og meget andet..

Målgruppe

Kurset henvender sig til udviklere af websider, apps m.v., hvor der er krav om visning af kort – herunder interaktivitet.

Forudsætninger

Du skal have lidt kendskab til CSS og JavaScript, men du behøver ikke være ekspert. Er du i tvivl, så kontakt os. I api’et benyttes en række Javascript arrays. Har du ikke kendskab til javascript, tager vi den del med ind i kurset.

Bestiller du et lukket firmakursus eller et OnLine-kursus for 1 person, kan niveauet 100% tilpasses dig/jer.

Efter kurset kan du

Kurset lærer dig hele Google Maps API’et. Du får en systematisk indlæring med fokus på Hello World. Du lærer selvfølgelig at indsætte kort, zoome og navigere, samt indsætte kontrolelementer. Men du lærer også at styre events, at koble objekter sammen og mange andre ting.

Kursusindhold

  • Introduktion til Google Maps – Hello World – up and running på 10 minutter
  • Oprettelse af det første kort – Load Google API’et
  • Supplér med kortdata hos Kort og Matrikelstyrelsen
  • Map-objektet – korttyper
  • Lav en container uden om Map-objektet
  • Brug af Event-listeners
  • Google API Keys
  • Tilføjelse af stedmarkør (marker)
  • Lav stedmarkør ud fra geometrisk figur
  • Lav stedmarkør ud fra eget image
  • Animering af stedmarkør (lidt poppet – men meget sjovt)
  • Lav områder på skærmen (cirkler, firkanter, polygoner)
  • Lav infovinduer med valgfri tekst og grafik over stedmarkør
  • Lav events og funktionskald, der reagerer på tryk på stedmarkør. Åbner op for tilføjelse af ubegrænset JavaScript
  • Flere samtidige stedmarkører med hver deres infovindue
  • Event Reference
  • Indsættelse, fjernelse, styring af kontrolelementer – f.eks. zoom, rotér etc.
  • Lav dine egen kontrolelementer
  • 45 grader perspektiv
  • Effektiv styling. Hvordan sættes farver på et kort, så det passer til dit website (se kortet ovenfor). Du kan gøre det manuelt, hvilket er særdels tidskrævende eller du kan copy/paste templates ned over dit kort (stadig API). På kurset vises, hvor du kan finde mere end 560 farve-templates. Det er ren Andy Warhol.
  • Maps Constructor – Map() objectet – metode, egenskaber, events og overlays.