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 telefonul smartphone. 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 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 pot vizita site-ul dvs., tastați adresa de la care vor veni și primiți în mod automat indicații despre locația evenimentului!
Există câteva moduri în care poți să faci asta. Cea mai ușoară modalitate este să încorporați pur și simplu harta pe pagina dvs. web utilizând codul de încorporare generat de Google Maps. A doua modalitate este un pic mai tehnică, dar mai personalizabilă și dinamică. Voi menționa ambele metode de mai jos.
Dacă doriți doar să afișați indicații de orientare de la o locație la alta, cel mai ușor de făcut 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 pe care le doriți î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 alege o mărime pentru harta dvs. și apoi să copiați codul iframe și să îl plasați pe orice pagină web dorită.
Singurul dezavantaj al acestei metode este acela 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ă la o adresă de destinație aleasă.
Pentru a ilustra ce vreau să spun prin metoda a doua, continuați și scrieți o adresă din SUA î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, deoarece puteți să le aruncați pe pagina dvs. de contact, iar utilizatorii pot obține indicații rapide, mai degrabă decât să copieze adresa dvs., să deschidă o nouă fereastră și apoi să introducă adresa de pornire.
Deci, cum să procedăm la crearea acestei casete 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 copierea URL-ului 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.
Fișierul Partajare partajare va conține adresa URL, care este aceeași adresă URL în bara de adrese a browserului. Am mers în față și am lipit întreaga adresă URL 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 + SUA / @ 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, majoritatea nu au nici un sens! Parametrii URL ai 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
Dă-i drumul. Introduceți o adresă în cotații pentru adresa de început și de sfârșit și inserați adresa URL în browserul dvs.! Am înlocuit startul cu orașul meu de origine New Orleans și se încheie 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, deci acum că avem o adresă sigură pe care o putem trece în Hărți Google, 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 oamenii să introducă adresa și să obțină indicații de orientare la 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 ar trebui 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ă de text este ascunsă și valoarea este adresa de destinație pe care o dorim. În cele din urmă, există un buton de trimitere cu titlul "Obțineți indicații de orientare". Acum, atunci când cineva tip în adresa lor, ei vor lua 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 șip pentru teren. z este nivelul de mărire și îl puteți modifica de la 1 la 20.În URL-ul de mai sus, acesta este setat la 7. Doar să le atașați pe adresa URL finală și să aveți acum un formular Google Maps Get Directions foarte personalizat pe site-ul dvs.!
Aveți probleme cu acest lucru, postați un comentariu și voi încerca să vă ajut! Bucurați-vă!
