Adăugați Direcțiile de conducere Google Maps la site-ul dvs.

Chiar dacă există atât de multe aplicații și servicii de cartografiere acolo pentru a vă aduce de la punctul A la punctul B, regele definitiv al hărților este Google Maps. Îl folosesc pe computer, tabletă și 90% din timp pe smartphone-ul meu. Are cele mai bune date, cele mai multe opțiuni de navigare și de rutare și funcții interesante cum ar fi Street View și informații despre mersul pe jos, ciclismul și transportul în masă.

Dar ce se întâmplă dacă trebuie să utilizați o hartă sau o indicație în afara site-ului Google? Să presupunem că aveți propriul dvs. site de nuntă sau un blog personal, iar oaspeții ar putea vizita site-ul dvs., tastați adresa de la care vor veni și primiți automat indicații despre locația evenimentului!

Există câteva feluri în care poți să faci asta. Cea mai ușoară modalitate este să încorporați pur și simplu harta pe pagina dvs. de Web utilizând codul de încorporare generat de Google Maps. A doua modalitate este ceva mai tehnică, dar mai personalizabilă și mai dinamică. Voi menționa ambele metode de mai jos.

Încorporați Google Map

Dacă doriți doar să afișați indicații de orientare de la o locație la alta, cel mai simplu lucru este să încorporați orice hartă pe care o vizualizați utilizând codul de încorporare. Mai întâi, continuați și configurați indicațiile dorite în Hărți Google, apoi faceți clic pe pictograma roată din partea dreaptă jos a paginii.

Click pe Distribuiți sau încorporați harta apoi faceți clic pe Încărcați hartă tab. Aici puteți selecta o mărime pentru hartă și apoi copiați codul iframe și plasați-o pe orice pagină web dorită.

Singurul dezavantaj al acestei metode este că utilizatorul vede doar o hartă statică. În cea de-a doua metodă de mai jos, puteți crea un formular prin care utilizatorul poate introduce orice adresă de pornire și va genera o hartă din acea adresă către o adresă de destinație aleasă.

Creați formularul Google Maps

Pentru a ilustra ce vreau să spun prin metoda a doua, continuați și scrieți o adresă americană în caseta de mai jos pentru a obține indicații de la locația dvs. la casa mea:

Tare nu? Puteți crea cu ușurință această formă mică pe orice site web, blog sau oriunde puteți pune în cod HTML! Acest lucru este, de asemenea, minunat pentru site-urile web de afaceri mici, pe măsură ce le puteți arunca pe pagina dvs. de contact și oamenii pot obține indicații rapide, mai degrabă decât să copiați adresa dvs., deschideți o fereastră nouă și apoi introduceți adresa de pornire.

Deci, cum facem să creăm această casetă de direcții modificate? În primul rând, va trebui să obținem sintaxa corectă pentru adresa URL utilizată de Google pentru indicații de orientare. Din fericire, ne putem imagina acest lucru prin obținerea de direcții între două locuri și apoi copiind adresa URL din bara de adrese. Puteți, de asemenea, să faceți clic pe pictograma minusculă din partea dreaptă a paginii și să alegeți Distribuiți sau încorporați harta.

Fila link-ului de distribuire va conține adresa URL, care este aceeași adresă URL în bara de adrese a browserului. Am mers înainte și am inserat întreaga adresă de mai jos doar pentru a vă arăta cum arată.

https://www.google.com/maps/dir/3600+Thorp+Springs+Dr,+Plano,+TX+75025,+USA/ 854 + Deerfield + Rd, + Allen, + TX + 75013, + Statele Unite ale Americii / @ 33.1125686, -96.7557749,13z / data =! 3m1! 4b1! 4m13! 4m12! 1m5! 1m1! 1s0x864c3d45018517a5: 0xbabd3c91a1321997! 2m2! 1d-96.762484! 2d33.08947! 1m5! 1s0x864c16d3018a7f4f:!!! 0xab2052b5786cd29f 2m2 1d-96.666151 2d33.133892

Hopa! Asta e destul de mult! Sunt multe lucruri acolo, cele mai multe dintre ele nu au nici un sens! Parametrii adreselor URL ale Hărților Google au fost foarte simpli și ușori, dar noua structură URL este destul de complicată. Din fericire, puteți utiliza în continuare parametrii vechi, iar Google le va converti automat în noua versiune. Pentru a vedea ce vreau să spun, verificați linkul de mai jos.

http://maps.google.com/maps?saddr=start&daddr=end

Du-te și dă-i o lovitură. Puneți o adresă în citate pentru adresa de început și de sfârșit și introduceți adresa URL în browserul dvs.! Am înlocuit startul cu orașul meu de origine New Orleans și se termină cu Houston, TX, așa că ar fi cum arată adresa URL a direcției Google Maps:

http://maps.google.com/maps?saddr="new orleans, la "& daddr =" houston, tx "

Functioneaza! După cum puteți vedea, Hărți Google transformă link-urile în ceva mult mai complicat odată ce harta se încarcă complet. Ok, acum că avem o adresă sigură pe care o putem trece în Google Maps, trebuie să creați un formular simplu, cu două câmpuri, unul pentru adresa de pornire și unul pentru adresa de destinație.

Dacă doriți ca utilizatorii să introducă doar adresa și să obțină indicații în locul dvs., atunci vom dori ca cel de-al doilea câmp să fie ascuns și deja setat la adresa de destinație.

Introduceți adresa dvs. de pornire:

Verificați codul de mai sus. Prima linie începe prin formular și spune că atunci când se face clic pe butonul de trimitere, datele trebuie trimise la maps.google.com/maps. target = blank înseamnă că dorim ca rezultatul să se deschidă într-o fereastră nouă. Apoi avem o casetă de text pentru adresa de pornire, care este necompletată.

A doua casetă text este ascunsă și valoarea este adresa de destinație pe care o dorim. În final, există un buton de trimitere cu titlul "Obțineți indicații". Acum, atunci când cineva tip în adresa lor, ei vor primi acest lucru:

Puteți personaliza direcțiile și puteți hărți chiar mai mult cu câțiva parametri suplimentari. De exemplu, să presupunem că nu doriți ca vizualizarea implicită să fie hărți, ci doriți să fie Satelit și arată Trafic.

http://maps.google.com/maps?saddr=%22new+orleans,+la%22&daddr=%22houston,+tx%22&ie=UTF8&t=h&z=7&layer=t

Observați strat = t și t = h câmpurile din URL. layer = t este pentru stratul de trafic și t = h înseamnă harta hibridă! T poate fi de asemenea setat la m pentru harta normală, k pentru satelit și p pentru teren. z este nivelul de mărire și îl poți schimba de la 1 la 20. În URL-ul de mai sus, este setat la 7. Trebuie doar să te apropii de adresa URL finală și ai acum un site personalizat pentru Google Maps Get Directions pe site-ul tău!

Aveți probleme cu acest lucru, postați un comentariu și voi încerca să vă ajut! se bucura!