Slik legger du til Google-ruter på nettstedet ditt

Som IT-ekspert skal jeg vise deg hvordan du legger til Google Routes på nettstedet ditt. Dette vil tillate de besøkende å få veibeskrivelse til posisjonen din uansett hvor de er. Først må du opprette en Google Maps API-nøkkel. Du kan gjøre dette ved å gå til Google Developers Console og opprette et nytt prosjekt. Når du har opprettet et prosjekt, klikker du på koblingen 'Aktiver og administrer APIer' og finner deretter 'Maps Embed API' og aktiverer den. Deretter må du hente koden for Google Routes-widgeten. Du finner denne koden ved å gå til Google Maps Embed API-siden og velge 'Få kode'. Kopier koden og lim den inn i HTML-koden til nettstedet ditt. Til slutt må du legge til følgende kode på nettstedet ditt for å vise widgeten: Erstatt 'YOUR_API_KEY' med API-nøkkelen du opprettet tidligere og 'Din+Destinasjon' med adressen til stedet ditt. Lagre endringene dine og du er ferdig! Dine besøkende vil nå kunne få veibeskrivelser til posisjonen din fra hvor som helst i verden.

Hvis du vil vite hvordan du legger til Google-veibeskrivelser på nettstedet ditt så les dette innlegget. Google Kart er den mest populære digital karttjeneste Verdensomspennende. Den bruker trafikkinformasjon i sanntid for å finne den beste ruten til en gitt destinasjon. Bygge inn et Google-kart til bloggen eller nettstedet ditt hjelper de besøkende med å se posisjonen din på et verdenskart, se adressen din og lese anmeldelser (hvis noen). Selv om du enkelt kan legge inn et kart på nettstedet ditt ved å bruke den unike Google Maps innebygde kodegeneratoren, kan du ikke bruke dette kartet som et navigasjonsverktøy for å hjelpe besøkende med å finne veien til posisjonen din. I dette innlegget viser vi deg hvordan du bruker Google Maps til å vise veibeskrivelser til de besøkende.

Slik legger du til Google-ruter på nettstedet ditt

Vi vil se på følgende 2 metoder som du kan legg til Google-veibeskrivelser på nettstedet ditt :

1. Sett inn statisk google map og bruk html-skjema for å vise kartrute
2. Bruk iFrame Map Generator

La oss se på disse metodene i detalj.

1] Sett inn et statisk Google-kart og bruk et HTML-skjema for å vise ruten til kartet.

Denne metoden inkluderer 2 trinn. Trinn 1 - Innebygging statisk Google-kart som viser din nøyaktige posisjon. Trinn 2 er å legge til et HTML-skjema som godtar brukerens plassering og genererer et rutekart for dem på Google Maps. La oss se hvordan dette kan gjøres.

A] Bygg inn Google-kart på nettstedet ditt

1. Start nettleseren din.
2. åpen Google Kart i en ny nettleserfane.
3. Skriv inn adressen din i søkefeltet i Google Maps øverst til venstre.
4. Velg et sted fra listen over resultater som vises.
   Merk: Hvis du ikke finner adressen din, zoom inn på Google Maps for å spore den. Du kan bruke Google Maps Street View-panoramaer for å merke posisjonen din på et kart. Når du har funnet den, kan du skrive inn de riktige adresseopplysningene dine ved å bruke alternativene 'Legg til en manglende plassering' eller 'Legg til bedriften din', og deretter sende inn plasseringen din til Google for bekreftelse. Den vil bli lagt til innen noen få timer etter at forespørselen er sendt inn.
5. Når Google Maps ser ut til å finne den nøyaktige plasseringen din, klikker du på ikonet Dele ikon.
6. Bytte til Bygg inn et kart fanen
7. trykk Kopier HTML lenke for å kopiere kartkoden til utklippstavlen. Du kan bestemme hvor stort eller lite du vil at kartet skal vises på nettstedet ditt ved å velge en forhåndsdefinert størrelse (liten, middels, stor) eller ved å angi en egendefinert størrelse.
8. Gå deretter til nettstedets administrasjonspanel.
9. Åpne nettsiden der du vil bygge inn kartet.
10. Bytt til koderedigeringsvisningen.
11. Lim inn koden.
12. Avslutt koderedigering. Du vil kunne se en forhåndsvisning av Google Maps.

B] Bruk et HTML-skjema for å lage en navigasjonsrute på Google Maps.

1. Gå tilbake til koderedigeringsvisningen.
2. Legg til koden vist i følgende bilde under Google Map-koden:
3. Erstatt destinasjonsadresseverdien som er uthevet i bildet med adressen til posisjonen din.
4. Avslutt koderedigeringsvisningen.
5. Forhåndsvis koden og sjekk om den fungerer ved å legge til en adresse i 'Skriv inn en adresse'-feltet og klikke på knappen Vis meg retningen jeg skal gå knapp.
6. Trinnene ovenfor bør vise rute fra den angitte adressen til posisjonen din på Google Maps.
7. Hvis alt er bra, så kan du publisere koden.

2] Bruk iFrame Map Generator

1. Start nettleseren din.
2. åpen Gratis HTML Map Generator i en ny nettleserfane.
3. Skriv inn adressen din Skriv inn adressen din søkefeltet i venstre panel.
4. Posisjonen din vises på Google Maps på høyre side av skjermen. Du kan angi karttype, zoomavstand, bredde eller høyde. Du kan også gjøre kartet responsivt ved å klikke på veksleknappen ved siden av Gjør kartet responsivt alternativ.
5. Klikk på Generer HTML-kode knappen nedenfor.
6. Koden vises. trykke på Kopier koden til utklippstavlen knapp.
7. Logg inn på nettstedets administrasjonspanel.
8. Åpne siden der du vil plassere kartet.
9. Bytt til koderedigeringsvisningen.
10. Lim inn koden.
11. Avslutt koderedigering.
12. Klikk på Forhåndsvisning knapp. Forhåndsvisningen av kartet vises.
13. Klikk på Veibeskrivelse ikon.
14. Google Maps åpnes med adressen din forhåndsutfylt som destinasjon.
15. Skriv inn startadressen. Du kan også bruke Posisjonen din alternativet for å la Google Maps bruke din nåværende posisjon.
16. Rutekartet vises.
17. Hvis alt fungerer bra, publisere side.

På denne måten kan de besøkende se posisjonen din på Google Maps innebygd i nettstedet ditt og finne veibeskrivelser fra posisjonen deres til din. Håper du finner dette innlegget nyttig. Gi oss beskjed i kommentarfeltet hvis du har spørsmål.

Les også: Beste Google Maps-alternativer for daglig bruk.

Kan jeg legge til Google Maps på nettstedet mitt?

Ja, du kan legge til Google Maps på nettstedet eller bloggen din. ved å bruke Google Embed Code Generator eller den gratis Google HTML Map Generator. . Begge disse alternativene lar deg legge inn et Google-kart som identifiserer adressen din med en rød ball, selv om det er en liten forskjell mellom de to. Mens førstnevnte lar deg legge inn et statisk kart som lar de besøkende se din nøyaktige posisjon, nærliggende severdigheter osv., tilbyr sistnevnte Veibeskrivelse en funksjon som lager et komplett rutekart som de kan bruke til å finne veibeskrivelser til din posisjon. Avhengig av dine behov, kan du bruke alle disse alternativene for å legge til Google Maps på nettstedet eller bloggen din.

Hvordan kan jeg få Google Maps-innbyggingskoden?

Det er ganske enkelt å få Google Maps-innebyggingskoden. Bare åpne Google Maps i en ny fane i nettleservinduet og skriv inn adressen din i den tilgjengelige søkelinjen. Når Maps velger og viser adressen din, klikker du på ikonet Dele ikon. Klikk på knappen i Del-vinduet Bygg inn et kart fanen Klikk deretter på Kopier HTML lenken vises i øvre høyre hjørne. Det er alt! Du kan også klikke på menyen (hamburgerikonet) til Google Maps og klikke på ikonet Del eller bygg inn et kart alternativ. En annen måte å få denne koden på er gjennom Free HTML Maps Generator (Maps iFrame Generator) som beskrevet i metode 2 i innlegget ovenfor.

Les mer: De beste Google Maps-tipsene og triksene for å gjøre deg til en proff.