Cum să adăugați rute Google pe site-ul dvs

În calitate de expert IT, vă voi arăta cum să adăugați Google Routes pe site-ul dvs. web. Acest lucru va permite vizitatorilor dvs. să obțină indicații de orientare către locația dvs. de oriunde s-ar afla. Mai întâi, va trebui să creați o cheie API Google Maps. Puteți face acest lucru accesând Google Developers Console și creând un nou proiect. După ce ați creat un proiect, faceți clic pe linkul „Activați și gestionați API-urile”, apoi găsiți „API-ul încorporat Hărți” și activați-l. Apoi, va trebui să obțineți codul pentru widget-ul Google Routes. Puteți găsi acest cod accesând pagina Google Maps Embed API și selectând butonul „Obțineți codul”. Copiați codul și inserați-l în codul HTML al site-ului dvs. În cele din urmă, va trebui să adăugați următorul cod pe site-ul dvs. pentru a afișa widget-ul: Înlocuiți „YOUR_API_KEY” cu cheia API pe care ați creat-o mai devreme și „Your+Destination” cu adresa locației dvs. Salvați modificările și gata! Vizitatorii dvs. vor putea acum să obțină indicații de orientare către locația dvs. din orice parte din lume.

Dacă vrei să știi cum să adăugați indicații de orientare Google pe site-ul dvs. web apoi citeste aceasta postare. Hărți Google este cel mai popular serviciu de hartă digitală La nivel mondial. Folosește informații despre trafic în timp real pentru a găsi cea mai bună rută către o anumită destinație. Încorporarea unei hărți Google pe blogul sau site-ul dvs. web îi ajută pe vizitatori să vă vadă locația pe o hartă a lumii, să vă vadă adresa și să citească recenzii (dacă există). Deși puteți încorpora cu ușurință o hartă pe site-ul dvs. folosind generatorul unic de coduri de încorporare Google Maps, nu puteți utiliza această hartă ca instrument de navigare pentru a ajuta vizitatorii să găsească drumul către locația dvs. În această postare, vă vom arăta cum să utilizați Google Maps pentru a afișa indicații rutiere vizitatorilor dvs.

Ne vom uita la următoarele 2 metode prin care puteți adăugați indicații rutiere Google pe site-ul dvs. web :

Introduceți o hartă google statică și utilizați formularul html pentru a afișa traseul hărții
Utilizați iFrame Map Generator

Să ne uităm la aceste metode în detaliu.

1] Introduceți o hartă Google statică și utilizați un formular HTML pentru a afișa traseul hărții.

Această metodă include 2 pași. Pasul 1 - Încorporare static Harta Google care indică locația dvs. exactă. Pasul 2 este adăugarea unui formular HTML care acceptă locația utilizatorului și generează o hartă a rutei pentru acesta pe Google Maps. Să vedem cum se poate face acest lucru.

A] Încorporați harta Google pe site-ul dvs. web

Lansați browserul.
deschis Hărți Google într-o filă nouă de browser.
Introduceți adresa dvs. în bara de căutare Google Maps din colțul din stânga sus.
Selectați o locație din lista de rezultate care apar.
Notă: Dacă nu vă puteți găsi adresa, măriți pe Google Maps pentru a o urmări. Puteți utiliza panoramele Google Maps Street View pentru a vă marca locația pe o hartă. După ce ați găsit-o, puteți introduce detaliile corecte ale adresei utilizând opțiunile „Adăugați o locație lipsă” sau „Adăugați-vă afacerea”, apoi trimiteți locația dvs. la Google pentru verificare. Acesta va fi adăugat în câteva ore după trimiterea cererii.
Când Google Maps pare să vă identifice locația exactă, faceți clic pe pictogramă Acțiune pictograma.
Schimba cu Încorporați o hartă fila
presa Copiați HTML link pentru a copia codul hărții în clipboard. Puteți decide cât de mare sau de mică doriți să apară harta pe site-ul dvs. alegând o dimensiune predefinită (mică, medie, mare) sau introducând o dimensiune personalizată.
Apoi accesați panoul de administrare al site-ului dvs.
Deschideți pagina web în care doriți să încorporați harta.
Comutați la vizualizarea editorului de cod.
Lipiți codul.
Ieșiți din editorul de cod. Veți putea vedea o previzualizare a Hărților Google.

B] Utilizați un formular HTML pentru a crea o rută de navigare pe Google Maps.

Reveniți la vizualizarea editorului de cod.
Adăugați codul afișat în imaginea următoare sub codul Google Map:
Înlocuiți valoarea adresei de destinație evidențiată în imagine cu adresa locației dvs.
Ieșiți din vizualizarea editorului de cod.
Previzualizați codul și verificați dacă funcționează adăugând o adresă în câmpul „Introduceți o adresă” și făcând clic pe butonul Arată-mi direcția de mers buton.
Pașii de mai sus ar trebui afisarea traseului de la adresa introdusă până la locația dvs. pe Google Maps.
Dacă totul este bine, atunci poți Publica Codul.

2] Utilizați iFrame Map Generator

Lansați browserul.
deschis Generator gratuit de hărți HTML într-o filă nouă de browser.
Introduceți adresa dvs. în Introdu adresa ta câmpul de căutare din panoul din stânga.
Locația dvs. va fi afișată pe Google Maps în partea dreaptă a ecranului. Puteți seta tipul hărții, distanța de zoom, lățimea sau înălțimea. De asemenea, puteți face harta receptivă făcând clic pe butonul de comutare de lângă Faceți harta receptivă opțiune.
Click pe Generați cod HTML butonul de mai jos.
Codul va apărea. apăsați pe Copiați codul în clipboard buton.
Conectați-vă la panoul de administrare al site-ului dvs.
Deschideți pagina în care doriți să plasați harta.
Comutați la vizualizarea editorului de cod.
Lipiți codul.
Ieșiți din editorul de cod.
Click pe previzualizare buton. Va apărea previzualizarea hărții.
Click pe Directii pictograma.
Hărți Google se va deschide cu adresa dvs. completată în prealabil ca destinație.
Introdu adresa de pornire. De asemenea, puteți utiliza Locația ta opțiune pentru a permite Google Maps să utilizeze locația dvs. actuală.
Va apărea harta rutei.
Dacă totul merge bine, Publica pagină.

În acest fel, vizitatorii dvs. pot vedea locația dvs. pe Google Maps încorporat în site-ul dvs. și pot găsi indicații de orientare de la locația lor la a dvs. Sper că veți găsi această postare utilă. Spuneți-ne în comentarii dacă aveți întrebări.

Citeste si: Cele mai bune alternative Google Maps pentru utilizarea de zi cu zi.

Pot adăuga Google Maps pe site-ul meu?

Da, puteți adăuga Google Maps pe site-ul sau blogul dvs. folosind Google Embed Code Generator sau Google HTML Map Generator gratuit. . Ambele opțiuni vă permit să încorporați o hartă Google care vă indică adresa cu o minge roșie, deși există o ușoară diferență între cele două. În timp ce prima vă permite să încorporați o hartă statică care le permite vizitatorilor să vă vadă locația exactă, punctele de interes din apropiere etc., cea din urmă oferă Directii o caracteristică care creează o hartă completă a rutei pe care o pot folosi pentru a găsi indicații de orientare către locația dvs. În funcție de nevoile dvs., puteți utiliza oricare dintre aceste opțiuni pentru a adăuga Google Maps pe site-ul sau blogul dvs.

Cum pot obține codul de încorporare Google Maps?

Obținerea codului de încorporare Google Maps este destul de ușoară. Pur și simplu deschideți Google Maps într-o filă nouă în fereastra browserului și introduceți adresa dvs. în bara de căutare disponibilă. Când Maps selectează și afișează adresa dvs., faceți clic pe pictogramă Acțiune pictograma. În fereastra Partajare, faceți clic pe butonul Încorporați o hartă fila Apoi faceți clic pe Copiați HTML linkul este afișat în colțul din dreapta sus. Asta e tot! De asemenea, puteți face clic pe meniul (pictograma hamburger) din Google Maps și faceți clic pe pictograma Partajați sau încorporați o hartă opțiune. O altă modalitate de a obține acest cod este prin intermediul Generatorului de hărți HTML gratuit (Generatorul de hărți iFrame), așa cum este descris în metoda 2 din postarea de mai sus.

Citeşte mai mult: Cele mai bune sfaturi și trucuri Google Maps pentru a vă face un profesionist.