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.

Relaterede sider

Vejledning til WordPress for dummies Her er en WordPress vejledning i håndtering af sider. Kortfattet og for begyndere. ZoomTek udbyder WordPress hjemmesider for mindre virksomheder Lo...
Tekstforfatter – tekster til web og markedsf... Søger du en god, elegant tekstforfatter? Har du behov for tekster til din webside, brochurer eller øvrige salgsmateriale? ZoomTek udfærdiger levende o...
Billig hjemmeside ZoomTek giver mindre forretningsdrivende mulighed for en billig hjemmeside i et moderne design. Du kan vælge mellem 4 pakker: Grundpakken, Bronze-Pakk...
Training conducted in English | Kurser afholdt på ... Alle ZoomTek's kurser kan afholdes på engelsk uden ekstrapris. Mange større virksomheder har udenlandske medarbejdere, hvor et match af kursus kan vær...
Indsatspunkter under kursus    En levende instruktør med mange års konsulenterfaring. Glæde ved at undervise, dokumenterede evalueringer og en voksenpædagogisk uddannelse. Din i...
Praktisk Information om Kurset Når du skal på kursus, melder der sig ofte en række spørgsmål. Nedenfor findes praktisk information om kursusafholdelse. Du er også velkommen til at...
Download Center – download eksempelfiler og ... Nedenfor kan du downloade eksempelfiler i forskellige formater. Filerne indeholder testdata til undervisningsformål. Alle data er derfor fiktive... ...
ZoomTek Intranet Effektiv vidensdeling med intranet styrker konkurrenceevnen og bundlinjen. Vi tilbyder løsninger ned til kr. 10 pr. medarbejder pr. måned inkl. softwa...