Iako postoji toliko mnogo aplikacija i usluga za mapiranje da biste dobili od točke A do točke B, definitivni kralj karata je Google karte. Koristim ga na računalu, tabletu i 90% vremena na svom smartphoneu. Ima najbolje podatke, najčešće navigacijske i usmjerne opcije i sjajne značajke poput prikaza ulice i hodanje, vožnje bicikla i informacija o masovnom prijevozu.
Ali što ako trebate koristiti kartu ili upute izvan Googleove web stranice? Pretpostavimo da imate vlastitu web stranicu za vjenčanja ili osobni blog i gosti mogu posjetiti vašu web-lokaciju, upišite adresu na koju dolaze i automatski doći do mjesta događaja!
Pa, postoji nekoliko načina na koje možete postići da to postignete. Najlakši je način jednostavno umetnuti kartu na web stranicu pomoću koda za ugrađivanje koji generiraju Google karte. Drugi način je nešto tehničniji, ali prilagodljiviji i dinamičniji. Spomenut ću obje metode u nastavku.
Ako želite prikazati upute samo s jednog mjesta na drugu, najjednostavnije je ugraditi mapu koju gledate pomoću koda za ugrađivanje. Prvo, idite naprijed i postavite što god želite u Google Kartama, a zatim kliknite ikonu zupčanika u donjem desnom dijelu stranice.
Kliknite na Dijelite ili ugradite kartu i zatim kliknite na Ugradite kartu kartica. Ovdje možete odabrati veličinu za svoju kartu, a zatim kopirati iframe kod i ispustiti na bilo koju web stranicu koju vam se sviđa.
Jedini nedostatak ove metode je da korisnik samo vidi statičku kartu. U drugoj niže navedenoj metodi možete izraditi obrazac pomoću kojeg korisnik može upisati bilo koju početnu adresu i generirati će kartu s te adrese na odredišnu adresu po vašem izboru.
Da biste ilustrirali što mislim na drugu metodu, idite naprijed i upišite adresu SAD-a u donji okvir kako biste dobili upute od vaše lokacije do moje kuće:
Je li cool? Možete jednostavno izraditi ovaj mali obrazac na bilo kojoj web stranici, blogu ili bilo gdje gdje možete staviti neki HTML kod! Ovo je također odličan za web lokacije malih tvrtki koje možete baciti na svoju stranicu za kontakt i korisnici mogu brzo dobiti upute, umjesto da trebaju kopirati adresu, otvoriti novi prozor i upisati svoju početnu adresu.
Pa kako ćemo to napraviti prilikom izrade ove izmijenjene kutije za upute? Pa prvo, morat ćemo dobiti ispravnu sintaksu za URL koji Google upotrebljava za upute. Srećom, to možemo postići dobivanjem smjera između dva mjesta, a zatim kopirati URL iz adresne trake. Također možete kliknuti na malu ikonu zupčanika u donjem desnom dijelu stranice i odabrati Dijelite ili ugradite kartu.
Kartica Dijeli vezu sadrži URL, koji je isti URL u adresnoj traci preglednika. Ja sam otišao naprijed i zalijeplio cijeli URL ispod samo da vam pokazati kako izgleda.
https://www.google.com/maps/dir/3600+Thorp+Springs+Dr,+Plano,+TX+75025,+USA/ 854 + Deerfield + Rd, + Allen, + TX + 75013, + SAD / @ 33.1125686, -96.7557749,13z / data =! 3m1! 4b1! 4m13! 4m12! 1m1! 1s0x864c3d45018517a5: 0xbabd3c91a1321997! 2m2! 1d-96.762484! 2d33.08947! 1m5! 1m1! 1s0x864c16d3018a7f4f:!! 0xab2052b5786cd29f 2m2 1d-96,666151 2d33.133892
Jao! To je dosta dugo! Tu ima puno stvari, od kojih većina nema smisla! Parametri URL-a Google Karata bili su vrlo jednostavni i jednostavni, no nova struktura URL-a prilično je komplicirana. Srećom, još uvijek možete koristiti stare parametre i Google će ih automatski pretvoriti u novu verziju. Da biste vidjeli na što mislim, pogledajte vezu u nastavku.
http://maps.google.com/maps?saddr=start&daddr=end
Idite naprijed i dajte mu pucanj. Stavite adresu u navodnike za početnu i završnu adresu i zalijepite URL u preglednik! Zamijenio sam početak s mojim rodnim gradom New Orleans i završio s Houstonom, TX, tako da izgledam ovako: URL-ovi uputa Google karata:
http://maps.google.com/maps?saddr="novi orleans, la "& daddr =" houston, tx "
Radi! Kao što vidite, ipak, Google karte pretvaraju veze u nešto daleko složenije nakon što se karta u potpunosti učita. Ok, pa sad kad imamo dobru URL koja možemo prenijeti na Google karte, moramo izraditi jednostavan obrazac s dva polja, jedan za početnu adresu i jedan za odredišnu adresu.
Ako želite da ljudi upišu svoju adresu i dobiju upute za vaše mjesto, želimo da drugo polje bude skriveno i već postavljeno na odredišnu adresu.
Unesite početnu adresu:
Pogledajte gore navedeni kôd. Prva linija započinje s obrascem i kaže da kada se klikne gumb za slanje, podaci trebaju biti poslani na maps.google.com/maps. target = prazna znači da želimo da se rezultat otvori u novom prozoru. Zatim imamo tekstni okvir za početnu adresu, koja je prazna.
Drugi je tekstni okvir skriven i vrijednost je odredišna adresa koju želimo. Konačno, tu je gumb za slanje s naslovom "Get Directions". Sada kad netko upiše u njihovu adresu, dobit će ovo:
Možete prilagoditi smjernice i mapirati čak i više s nekoliko dodatnih parametara. Na primjer, recimo da ne želite da zadani vlasnički pregled bude karta, već umjesto toga želite da bude Satelit i pokazati Promet.
http://maps.google.com/maps?saddr=%22new+orleans,+la%22&daddr=%22houston,+tx%22&ie=UTF8&t=h&z=7&layer=t
Obavijestite Sloj = t i t = h polja u URL-u. sloj = t je za prometni sloj i t = h označava hibridnu kartu! t također se može postaviti na m za uobičajenu kartu, k za satelitsku ip za teren. z je razina zumiranja i možete ga promijeniti od 1 do 20.U gore navedenom URL-u postavite na 7. Samo dodajte one na svoj konačni URL i sada na svojoj web lokaciji dobivate visoko prilagođeni obrazac Google Maps Get Directions!
Imate bilo kakvih problema s tim, pošaljite komentar i pokušat ću vam pomoći! Uživati!
