Dodajte navodila za vožnjo v Google Zemljevide na svojo spletno stran

Čeprav obstaja toliko aplikacij in storitev za kartiranje, ki vas bodo pripeljale iz točke A v točko B, je dokončen kralj zemljevidov Google Maps. Uporabljam ga na svojem računalniku, tabličnem računalniku in 90% časa na pametnem telefonu. Ima najboljše podatke, največ možnosti za navigacijo in usmerjanje ter odlične funkcije, kot sta Street View in informacije o hoji, kolesarjenju in masovnem prevozu.

Kaj pa, če morate uporabiti zemljevid ali navodila zunaj Googlovega spletnega mesta? Recimo, da imate svojo spletno stran za poroko ali osebni blog in da lahko gostje obiščejo vaše spletno mesto, vnesete naslov, iz katerega bodo prišli, in samodejno dobite navodila do lokacije dogodka!

No, obstaja nekaj načinov, kako lahko to dosežete. Najlažji način je, da zemljevid preprosto vdelate na svojo spletno stran z vdelano kodo, ki jo ustvari Google Zemljevidi. Drugi način je nekoliko bolj tehničen, vendar bolj prilagodljiv in dinamičen. Spodaj bom omenil obe metodi.

Vdelaj Google Zemljevid

Če želite prikazati samo navodila iz ene lokacije v drugo, je najlažje vstaviti zemljevid, ki ga gledate, s kodo za vdelavo. Najprej nastavite želene smeri v Google Zemljevidih ​​in kliknite ikono zobnika v spodnjem desnem kotu strani.

Kliknite na Skupna raba ali vdelava zemljevida in nato kliknite na Vdelaj zemljevid zavihek. Tu lahko izberete velikost zemljevida in nato kopirate kodo iframe in jo spustite na katero koli spletno stran, ki jo želite.

Edina slaba stran te metode je, da uporabnik vidi samo statični zemljevid. V drugi metodi spodaj lahko ustvarite obrazec, s katerim lahko uporabnik vnese kateri koli začetni naslov in ustvari zemljevid od tega naslova do ciljnega naslova po vaši izbiri..

Ustvarite obrazec za Google Zemljevide

Da ponazorim, kaj mislim z drugo metodo, nadaljujte in vnesite naslov ZDA v spodnje polje, da dobite navodila od vaše lokacije do moje hiše:

Hladna huh? To majhno obliko lahko preprosto ustvarite na katerem koli spletnem mestu, blogu ali kjerkoli, kjer lahko vnesete HTML kodo! To je dobro tudi za spletna mesta za mala podjetja, saj jih lahko vržete na stran za stike in ljudje lahko hitro dobijo navodila, ne da bi morali kopirati vaš naslov, odpreti novo okno in nato vnesti začetni naslov.

Torej, kako bomo ustvarili to spremenjeno polje za navodila o dobavi? Najprej bomo morali dobiti pravilno sintakso za URL, ki ga Google uporablja za navodila. Na srečo lahko to ugotovimo tako, da dobimo navodila med dvema krajema in nato kopiramo URL iz naslovne vrstice. Lahko kliknete tudi na majhno ikono orodja v spodnjem desnem kotu strani in izberete Skupna raba ali vdelava zemljevida.

Na kartici Povezava v skupni rabi bo URL, ki je isti naslov URL v naslovni vrstici brskalnika. Šel sem naprej in prilepil celoten URL spodaj samo, da vam pokažem, kako izgleda.

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

Všeč mi je! To je zelo dolgo! Tam je veliko stvari, od katerih večina nima nobenega smisla! Parametri URL-jev za Google Zemljevide so bili zelo enostavni in preprosti, vendar je nova struktura URL-jev precej zapletena. K sreči lahko še vedno uporabljate stare parametre in Google jih bo samodejno pretvoril v novo različico. Če si želite ogledati, kaj mislim, si oglejte spodnjo povezavo.

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

Pojdite naprej in posnemite. Vnesite naslov v narekovajih za začetni in končni naslov ter prilepite URL v brskalnik! Zamenjal sem začeti z mojim matičnim mestom New Orleans in končal s Houstonom, TX, tako da je moj URL v Google Zemljevidih ​​usmerjen tako:

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

Deluje! Kot lahko vidite, Google Zemljevidi pretvarjajo povezave v nekaj bolj zapletenega, ko se zemljevid v celoti naloži. Ok, zdaj, ko imamo razumen URL, ki ga lahko prenesemo v Google Zemljevide, moramo ustvariti preprost obrazec z dvema poljima, eno za začetni naslov in eno za ciljni naslov.

Če želite, da ljudje samo vnesejo svoj naslov in dobijo navodila do vašega mesta, bomo želeli, da je drugo polje skrito in je že nastavljeno na ciljni naslov..

Vnesite začetni naslov:

Oglejte si zgornjo kodo. Prva vrstica se začne z obrazcem in pravi, da je treba, ko kliknete gumb za pošiljanje, podatke poslati na maps.google.com/maps. The target = blank pomeni, da želimo, da se rezultat odpre v novem oknu. Potem imamo besedilno polje za začetni naslov, ki je prazno.

Drugo besedilno polje je skrito in vrednost je ciljni naslov, ki ga želimo. Nazadnje je gumb za pošiljanje z naslovom »Pridobite navodila«. Zdaj, ko nekdo vnese njihov naslov, ga bodo dobili:

Navodila lahko prilagajate in še več zemljevidov z nekaj dodatnimi parametri. Recimo, da ne želite, da je privzeti pogled zemljevid, temveč želite, da je Satelit in pokaži Promet.

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

Obvestilo layer = t in t = h polja v URL-ju. layer = t je za prometno plast in t = h pomeni hibridno karto! t lahko nastavite tudi na m za normalni zemljevid, k za satelit in str za teren. z je stopnja povečave in jo lahko spremenite od 1 do 20. V zgornjem URL-ju je nastavljena na 7. Samo privijte jih na končni URL in zdaj imate na svojem spletnem mestu obliko usmerjanja Google Maps, ki je zelo prilagojena.!

Imajo kakršne koli težave s tem, post komentar in bom poskusil pomagati! Uživajte!