Kuinka lisätä google-reitit sivustollesi

IT-asiantuntijana aion näyttää sinulle, kuinka voit lisätä Google Routes -palvelun verkkosivustollesi. Näin vierailijasi voivat saada reittiohjeet sijaintiisi missä tahansa. Ensin sinun on luotava Google Mapsin sovellusliittymäavain. Voit tehdä tämän siirtymällä Google Developers Consoleen ja luomalla uuden projektin. Kun olet luonut projektin, napsauta 'Ota käyttöön ja hallitse sovellusliittymiä' -linkkiä ja etsi sitten 'Maps Embed API' ja ota se käyttöön. Seuraavaksi sinun on hankittava koodi Google Routes -widgetiä varten. Löydät tämän koodin menemällä Google Maps Embed API -sivulle ja valitsemalla Hae koodi -painikkeen. Kopioi koodi ja liitä se verkkosivustosi HTML-koodiin. Lopuksi sinun on lisättävä seuraava koodi verkkosivustollesi, jotta widget näytetään: Korvaa 'YOUR_API_KEY' aiemmin luomallasi API-avaimella ja 'Your+Destination' sijaintisi osoitteella. Tallenna muutokset ja olet valmis! Vierailijasi voivat nyt saada reittiohjeet sijaintiisi mistä päin maailmaa tahansa.

Jos haluat tietää kuinka lisätä Google-ajo-ohjeet verkkosivustollesi lue sitten tämä viesti. Google Kartat on suosituin digitaalinen karttapalvelu Maailmanlaajuinen. Se käyttää reaaliaikaisia liikennetietoja löytääkseen parhaan reitin tiettyyn määränpäähän. Google-kartan upottaminen blogiisi tai verkkosivustoosi auttaa vierailijoita näkemään sijaintisi maailmankartalla, näkemään osoitteesi ja lukemaan arvosteluja (jos sellaisia on). Vaikka voit helposti upottaa kartan verkkosivustollesi käyttämällä ainutlaatuista Google Mapsin upotuskoodigeneraattoria, et voi käyttää tätä karttaa navigointityökaluna, joka auttaa vierailijoita löytämään tiensä sijaintiisi. Tässä viestissä näytämme, kuinka voit näyttää ajo-ohjeita vierailijoille Google Mapsin avulla.

Tarkastelemme seuraavia kahta menetelmää, joiden avulla voit lisää Google-ajo-ohjeet verkkosivustollesi :

Lisää staattinen Google-kartta ja käytä html-lomaketta näyttääksesi karttareitin
Käytä iFrame Map Generatoria

Katsotaanpa näitä menetelmiä yksityiskohtaisesti.

1] Lisää staattinen Google-kartta ja näytä kartan reitti HTML-lomakkeella.

Tämä menetelmä sisältää 2 vaihetta. Vaihe 1 – upottaminen staattinen Google-kartta, joka määrittää tarkan sijaintisi. Vaihe 2 on HTML-lomakkeen lisääminen, joka hyväksyy käyttäjän sijainnin ja luo hänelle reittikartan Google Mapsiin. Katsotaan kuinka tämä voidaan tehdä.

A] Upota Google-kartta verkkosivustollesi

Käynnistä selaimesi.
avata Google Kartat uudella selaimen välilehdellä.
Kirjoita osoitteesi Google Mapsin hakupalkkiin vasemmassa yläkulmassa.
Valitse sijainti näkyviin tulevasta tulosluettelosta.
Huomautus: Jos et löydä osoitettasi, voit seurata sitä lähentämällä Google Mapsia. Voit merkitä sijaintisi kartalle käyttämällä Google Maps Street View -panoraamoja. Kun löydät sen, voit kirjoittaa oikeat osoitetietosi käyttämällä Lisää puuttuva sijainti- tai Lisää yrityksesi -vaihtoehtoja ja lähettää sitten sijaintisi Googlelle vahvistusta varten. Se lisätään muutaman tunnin kuluessa pyynnön lähettämisestä.
Kun Google Maps näyttää tarkan sijaintisi, napsauta kuvaketta Jaa kuvake.
Vaihtaa Upota kartta -välilehti
Lehdistö Kopioi HTML linkki, jolla voit kopioida karttakoodin leikepöydällesi. Voit päättää, kuinka suuren tai pienen haluat kartan näkyvän verkkosivustollasi valitsemalla ennalta määritetyn koon (pieni, keskikokoinen, suuri) tai antamalla mukautetun koon.
Siirry sitten sivustosi hallintapaneeliin.
Avaa verkkosivu, johon haluat upottaa kartan.
Vaihda koodinmuokkausnäkymään.
Liitä koodi.
Poistu koodieditorista. Näet Google Mapsin esikatselun.

B] Luo navigointireitti Google Mapsiin HTML-lomakkeella.

Palaa koodinmuokkausnäkymään.
Lisää seuraavassa kuvassa näkyvä koodi Google Map -koodin alle:
Korvaa kuvassa korostettu kohdeosoitteen arvo sijaintisi osoitteella.
Poistu koodieditorinäkymästä.
Esikatsele koodia ja tarkista, toimiiko se lisäämällä osoite 'Anna osoite' -kenttään ja napsauttamalla painiketta Näytä minulle suunta -painiketta.
Yllä olevat vaiheet pitäisi näytä reitti syötetystä osoitteesta sijaintiisi Google Mapsissa.
Jos kaikki on hyvin, voit Julkaista koodi.

2] Käytä iFrame Map Generatoria

Käynnistä selaimesi.
avata Ilmainen HTML-karttageneraattori uudella selaimen välilehdellä.
Kirjoita osoitteesi Kirjoita osoitteesi hakukenttä vasemmassa paneelissa.
Sijaintisi näkyy Google Mapsissa näytön oikeassa reunassa. Voit määrittää kartan tyypin, zoomausetäisyyden, leveyden tai korkeuden. Voit myös tehdä kartasta responsiivisen napsauttamalla vieressä olevaa vaihtopainiketta Tee kartasta reagoiva vaihtoehto.
Klikkaa Luo HTML-koodi painiketta alla.
Koodi tulee näkyviin. paina Kopioi koodi leikepöydälle -painiketta.
Kirjaudu sivustosi hallintapaneeliin.
Avaa sivu, johon haluat sijoittaa kartan.
Vaihda koodinmuokkausnäkymään.
Liitä koodi.
Poistu koodieditorista.
Klikkaa Esikatselu -painiketta. Kartan esikatselu tulee näkyviin.
Klikkaa Ohjeet kuvake.
Google Maps avautuu ja osoitteesi on esitäytetty määränpääksesi.
Syötä aloitusosoite. Voit myös käyttää Sijaintisi vaihtoehto salliaksesi Google Mapsin käyttää nykyistä sijaintiasi.
Reittikartta tulee näkyviin.
Jos kaikki toimii hyvin, Julkaista sivu.

Tällä tavalla vierailijasi voivat tarkastella sijaintiasi verkkosivustoosi upotettuna Google Mapsissa ja etsiä reittiohjeita sijainnistaan omaasi. Toivottavasti tämä viesti on hyödyllinen. Kerro meille kommenteissa, jos sinulla on kysyttävää.

Lue myös: Parhaat Google Maps -vaihtoehdot jokapäiväiseen käyttöön.

Voinko lisätä Google Mapsin verkkosivustolleni?

Kyllä, voit lisätä Google Mapsin verkkosivustollesi tai blogiisi. käyttämällä Google Embed Code Generatoria tai ilmaista Google HTML Map Generator -sovellusta. . Molempien vaihtoehtojen avulla voit upottaa Google-kartan, joka osoittaa osoitteesi punaisella pallolla, vaikka näiden kahden välillä on pieni ero. Ensimmäisen avulla voit upottaa staattisen kartan, jonka avulla kävijät näkevät tarkan sijaintisi, lähellä olevat kiinnostavat paikat jne., jälkimmäinen tarjoaa Ohjeet ominaisuus, joka luo täydellisen reittikartan, jonka avulla he voivat etsiä ajo-ohjeita sijaintiisi. Tarpeidesi mukaan voit käyttää mitä tahansa näistä vaihtoehdoista lisätäksesi Google Mapsin verkkosivustollesi tai blogiisi.

Miten saan Google Mapsin upotuskoodin?

Google Mapsin upotuskoodin saaminen on melko helppoa. Avaa Google Maps selainikkunan uudessa välilehdessä ja kirjoita osoitteesi käytettävissä olevaan hakupalkkiin. Kun Maps valitsee ja näyttää osoitteesi, napsauta kuvaketta Jaa kuvake. Napsauta Jaa-ikkunassa -painiketta Upota kartta välilehti Napsauta sitten Kopioi HTML linkki näkyy oikeassa yläkulmassa. Siinä kaikki! Voit myös napsauttaa Google Mapsin valikkoa (hampurilaiskuvake) ja napsauttaa kuvaketta Jaa tai upota kartta vaihtoehto. Toinen tapa saada tämä koodi on ilmaisen HTML-karttojen luontiohjelman (Maps iFrame Generator) kautta yllä olevan viestin menetelmässä 2 kuvatulla tavalla.

Lue lisää: Parhaat Google Mapsin vinkit ja temput, jotka tekevät sinusta ammattilaisen.