Hvordan bygger du inn en klikkbare kart

Takket være ubiquity av GPS-enheter i mobiltelefoner, og nøyaktigheten av å bestemme brukerens posisjon basert på hans IP-adresse, har lokasjonsbaserte applikasjoner og tjenester blitt populære og mer nyttig enn noen gang før. Kartene er i kjernen av nesten alle disse applikasjoner og tjenester. Google tilbyr et gratis system for visning av kart på ditt nettsted eller innebygde Web-side. Men hvis du ønsker å bruke noen av de mer komplekse funksjonene i Google Maps, så du blir nødt til å registrere deg for en Google-konto og få et kart API-nøkkel.

Bruksanvisning

Innebygge et kart i en HTML-side

1 Lag en enkel HTML-side som du normalt ville hjelp uansett verktøyet du foretrekker. Hvis du har en foretrukket HTML editor, kommer gratis Vim tekst editor på alle Unix-baserte systemer, slik som Linux og Mac OSX. Det er en installerbar versjon av verktøyet for Windows. Sørg for at HTML er fri for feil før du flytter til neste trinn, som feil kan føre til at siden til å oppføre seg merkelig. Eller enda verre, kan det mislykkes stille.

2 Naviger på Internett for å maps.google.com og søk etter en plassering. Når plasseringen er funnet av Google, vil du være i stand til å velge hvilken type kart som skal vises. Alternativene er gatevisning og satellittvisning. Du kan også bruke Googles retninger funksjonen for å søke etter et kart som inkluderer retninger og markører som tar brukeren steg-for-steg på kjøreruten.

3 Kopier og lim inn koden i feltet merket "Lim HTML" for å legge det inn på nettstedet. Det anbefales at du limer inn koden i sin egen div. Dette vil tillate deg å kontrollere hvordan og hvor på siden kartet vises, spesielt hvis du bruker CSS sammen med dine sider "HTML for å gi din brukeropplevelse. Hvis du vil endre størrelsen på kartet, endre tallene i høyde og bredde egenskaper.

4 Åpne websiden i flere ulike nettlesere for å sørge for at siden din fungerer. Dette er viktig fordi ulike nettlesere kan potensielt vise siden på en annen måte. Forutsatt at det ikke er noen feil i koden din, bør kartet vises ordentlig, og du bør være i stand til å klikke den for å zoome og flytte kartet fokus.