Kako dodati google rute na svoju stranicu

Kao IT stručnjak, pokazat ću vam kako dodati Google Routes na svoju web stranicu. To će omogućiti vašim posjetiteljima da dobiju upute do vaše lokacije gdje god se nalazili. Najprije ćete morati izraditi API ključ za Google karte. To možete učiniti tako da odete na Google Developers Console i izradite novi projekt. Nakon što ste izradili projekt, kliknite vezu 'Omogući i upravljaj API-jima', a zatim pronađite 'API za ugradnju karata' i omogućite ga. Zatim ćete morati nabaviti kod za widget Google Routes. Ovaj kod možete pronaći tako da odete na stranicu API za ugradnju Google karata i odaberete gumb 'Dohvati kod'. Kopirajte kod i zalijepite ga u HTML svoje web stranice. Konačno, morat ćete dodati sljedeći kod na svoju web stranicu za prikaz widgeta: Zamijenite 'YOUR_API_KEY' s API ključem koji ste ranije izradili, a 'Your+Destination' adresom vaše lokacije. Spremite promjene i gotovi ste! Vaši će posjetitelji sada moći dobiti upute do vaše lokacije s bilo kojeg mjesta u svijetu.

Ako želite znati kako dodati google upute za vožnju na svoju web stranicu onda pročitajte ovaj post. Google karte je najpopularniji usluga digitalne karte Širom svijeta. Koristi informacije o prometu u stvarnom vremenu kako bi pronašao najbolju rutu do određenog odredišta. Ugradnja Google karte na vaš blog ili web stranicu pomaže vašim posjetiteljima da vide vašu lokaciju na karti svijeta, vide vašu adresu i pročitaju recenzije (ako postoje). Iako možete jednostavno ugraditi kartu na svoju web stranicu pomoću jedinstvenog generatora koda za ugradnju Google karata, ne možete koristiti ovu kartu kao navigacijski alat koji će pomoći posjetiteljima da pronađu put do vaše lokacije. U ovom postu pokazat ćemo vam kako koristiti Google karte za prikazivanje uputa za vožnju posjetiteljima.

Pogledat ćemo sljedeće 2 metode pomoću kojih možete dodajte Google upute za vožnju na svoju web stranicu :

Umetnite statičnu Google kartu i koristite html obrazac za prikaz rute karte
Koristite iFrame Map Generator

Pogledajmo ove metode u detalje.

1] Umetnite statičnu Google kartu i upotrijebite HTML obrazac za prikaz rute karte.

Ova metoda uključuje 2 koraka. Korak 1 - Ugradnja statički Google karta koja točno pokazuje vašu točnu lokaciju. Korak 2 je dodavanje HTML obrasca koji prihvaća lokaciju korisnika i generira kartu rute za njih na Google kartama. Pogledajmo kako se to može učiniti.

A] Ugradite Google kartu na svoju web stranicu

Pokrenite preglednik.
otvoren Google karte u novoj kartici preglednika.
Unesite svoju adresu u traku za pretraživanje Google karata u gornjem lijevom kutu.
Odaberite lokaciju s popisa rezultata koji se pojavljuju.
Bilješka: Ako ne možete pronaći svoju adresu, povećajte Google karte da biste je pratili. Možete koristiti Google Maps Street View panorame da označite svoju lokaciju na karti. Kada je pronađete, možete unijeti ispravne podatke o adresi pomoću opcija 'Dodaj lokaciju koja nedostaje' ili 'Dodaj svoju tvrtku', a zatim svoju lokaciju pošaljite Googleu na provjeru. Bit će dodan u roku od nekoliko sati nakon podnošenja zahtjeva.
Kada se Google karte pojave kako bi odredile vašu točnu lokaciju, kliknite ikonu Udio ikona.
Prebaciti na Ugradite kartu tab
Pritisnite Kopiraj HTML vezu za kopiranje koda karte u međuspremnik. Možete odlučiti koliko veliku ili malu želite da se karta prikazuje na vašoj web stranici odabirom unaprijed definirane veličine (mala, srednja, velika) ili unosom prilagođene veličine.
Zatim idite na administrativnu ploču svoje stranice.
Otvorite web stranicu na koju želite ugraditi kartu.
Prebacite se na prikaz uređivača koda.
Zalijepite kod.
Izađite iz uređivača koda. Moći ćete vidjeti pregled Google karata.

B] Koristite HTML obrazac za izradu navigacijske rute na Google kartama.

Povratak na prikaz uređivača koda.
Dodajte kod prikazan na sljedećoj slici ispod koda Google karte:
Zamijenite vrijednost odredišne adrese označenu na slici adresom svoje lokacije.
Izađite iz prikaza uređivača koda.
Pregledajte kod i provjerite radi li dodavanjem adrese u polje 'Unesite adresu' i klikom na gumb Pokaži mi smjer da idem dugme.
Gore navedeni koraci trebali bi prikaz rute od upisane adrese do vaše lokacije na Google kartama.
Ako je sve u redu, onda možete Objaviti kod.

2] Koristite iFrame Map Generator

Pokrenite preglednik.
otvoren Besplatni HTML generator karata u novoj kartici preglednika.
Unesite svoju adresu Unesite svoju adresu polje za pretraživanje na lijevoj ploči.
Vaša će lokacija biti prikazana na Google kartama na desnoj strani zaslona. Možete postaviti vrstu karte, udaljenost zumiranja, širinu ili visinu. Kartu također možete učiniti responzivnom klikom na gumb za uključivanje pored Učinite kartu responzivnom opcija.
Kliknite na Generiraj HTML kod gumb ispod.
Kod će se pojaviti. pritisni Kopiraj kod u međuspremnik dugme.
Prijavite se na administrativnu ploču svoje stranice.
Otvorite stranicu na koju želite postaviti kartu.
Prebacite se na prikaz uređivača koda.
Zalijepite kod.
Izađite iz uređivača koda.
Kliknite na Pregled dugme. Prikazat će se pregled karte.
Kliknite na Upute ikona.
Otvorit će se Google Maps s unaprijed ispunjenom adresom kao odredištem.
Unesite početnu adresu. Također možete koristiti Tvoja lokacija opciju za dopuštanje Google kartama korištenja vaše trenutne lokacije.
Prikazat će se karta rute.
Ako sve radi dobro, Objaviti stranica.

Na taj način vaši posjetitelji mogu vidjeti vašu lokaciju na Google kartama ugrađenim u vašu web stranicu i pronaći upute od svoje lokacije do vaše. Nadamo se da će vam ovaj post biti od pomoći. Javite nam u komentarima ako imate pitanja.

Pročitajte također: Najbolje alternative za Google karte za svakodnevnu upotrebu.

Mogu li dodati Google karte na svoju web stranicu?

Da, možete dodati Google karte na svoju web stranicu ili blog. koristeći Google Embed Code Generator ili besplatni Google HTML Map Generator. . Obje ove opcije omogućuju vam da ugradite Google kartu koja prikazuje vašu adresu crvenom kuglom, iako postoji mala razlika između ove dvije. Dok vam prvi omogućuje ugradnju statične karte koja vašim posjetiteljima omogućuje da vide vašu točnu lokaciju, obližnja zanimljiva mjesta itd., drugi nudi Upute značajka koja stvara potpunu kartu rute koju mogu koristiti za pronalaženje uputa za vožnju do vaše lokacije. Ovisno o vašim potrebama, možete upotrijebiti bilo koju od ovih opcija za dodavanje Google karata na svoju web stranicu ili blog.

Kako mogu dobiti kod za ugradnju Google karata?

Dohvaćanje koda za ugradnju Google karata prilično je jednostavno. Jednostavno otvorite Google karte u novoj kartici u prozoru preglednika i unesite svoju adresu u dostupnu traku za pretraživanje. Kada Karte odaberu i prikažu vašu adresu, kliknite ikonu Udio ikona. U prozoru Dijeli kliknite gumb Ugradite kartu karticu Zatim kliknite na Kopiraj HTML poveznica je prikazana u gornjem desnom kutu. To je sve! Također možete kliknuti izbornik (ikona hamburgera) Google karata i kliknuti ikonu Podijelite ili ugradite kartu opcija. Drugi način za dobivanje ovog koda je putem besplatnog generatora HTML karata (Maps iFrame Generator) kao što je opisano u metodi 2 u gornjoj objavi.

Čitaj više: Najbolji savjeti i trikovi za Google karte koji će vas učiniti profesionalcem.