Tutorial på jQuery og Google Maps

Tutorial på jQuery og Google Maps


Google Maps, en kraftig karttjeneste fra Google som lar brukerne søke satellitt- og veikart for bestemte steder. Tjenesten omfatter også tilleggsprogrammer for street-view fotografering, lenker til informasjon og brukergenerert innhold om et sted, en lett-lært grensesnitt for å flytte rundt på kartet og detaljert veibeskrivelse fra ett punkt til et annet. Best av brukere kan integrere tjenesten i sin egen web-sider eller Internett-prosjekter, drar nytte av all den lokale funksjonaliteten i Google Maps samtidig legge sine egne plug-ins for å skreddersy et kart til deres spesifikke behov med passende programmeringsspråk som jQuery.

jQuery

JQuery er en Javascript-bibliotek, noe som betyr at koden opererer i Javascript rammeverk, men består av en utvalgt gruppe av kommandoer og funksjoner hentet fra større koden. Med andre ord, er JQuery en undergruppe av Javascript. Den JQuery bibliotek, men er designet for å forenkle Javascript og lage et sett med kommandoer som er enkelt for brukere å implementere og fokusere på de sterkeste og mest brukte funksjonene i Javascript. Spesielt er JQuery brukes for dokument traversering, animasjon, Ajax Interaksjoner og - mest relevante for Google Maps integrasjoner - event håndtering.

JQuery applikasjoner i Google Maps

Hendelses håndtering, en kraftig JQuery funksjon, forteller utgangspunktet systemet hva de skal gjøre når en bestemt hendelse har inntruffet. En bruker plassere sin musen over et bilde eller ved å klikke på en lenke, for eksempel, er vanlige webdesign hendelser som JQuery kan tildele en konsekvens som å endre et bilde eller sentre et bilde over klikk sted hver gang hendelsen inntreffer. I en Google Maps integrasjon, kan JQuery event håndtering brukes til å vise egendefinerte tekster for forskjellige kart steder, aktivere forskjellige lag eller informasjonspunkter på et kart eller endre informasjonen som vises på et kart, avhengig av den informasjonen en bruker gir. JQuery Asynkron Javascript og XML eller AJAX, klarer integrering inkorporering av Javascript og enkle markeringsspråk som HTML. Den kan også brukes til å forenkle inkorporering av et Google-kart i et bestemt område i en nettside eller inkludere data fra andre programmer med geografiske referanser, for eksempel mobile sosiale medier programmer som registrerer brukerens plassering.

Integrer Google Maps og JQuery

Google Maps gjør sin Application Programming Interface, eller API, gratis tilgjengelig for brukerne, så lenge de kreditere kilden. Brukere bare be om en API-nøkkel fra Google som gjør dem i stand til å få tilgang til hele programmet på Googles servere og integrere programmet i sine egne prosjekter. Googles servere har også en full AJAX bibliotek som en programmerer kan bruke til å kjøre jQuery kommandoer og enkelt integrere dem i Maps API. Som et resultat av brukere med en API-nøkkel trenger bare å laste ned API, legger et Google-kart på sine egne prosjekter og legge til sine egne JQuery kommandoer inn koden sin for å legge til funksjoner som tilpassede tekster, integrasjon med andre programmer og nye lag til kartet .

Behandlingstid: Hva å innlemme

Som en forenklet bibliotek med Javascript, JQuery åpner for relativt lett og smidig koding. Integrering av ekstra funksjoner i en ny skriptspråk, imidlertid, uansett hvor lett dette språket kan være, gir alltid en viss behandlingstid for brukerforespørsler. Bruk av jQuery biblioteket direkte fra den samme Google-serveren der API er lagret kan redusere disse forsinkelsene litt, men brukere vil fortsatt legge merke til noen forsinkelser når man sammenligner Google Maps med jQuery plugins til standardversjonen av Google Maps. Som et resultat, programmerere designe JQuery add-ons til Google Maps, og trenger en enkel kommando løsning, bør være forsiktig med å bare bruke JQuery når funksjonen ikke er inkludert i de funksjonene som hører hjemme i Google Maps.