Dodajte Upute za vožnju Google karata na svoju web-lokaciju
Iako postoji toliko mnogo aplikacija i usluga za mapiranje koje vas mogu odvesti od točke A do točke B, konačni kralj karata je Google karte. Koristim ga na svom računalu, tabletu i 90% vremena na pametnom telefonu. Ima najbolje podatke, najviše mogućnosti za navigaciju i usmjeravanje te izvrsne značajke kao što su Prikaz ulice i informacije o hodanju, biciklizmu i masovnom prijevozu.
Ali što ako trebate koristiti kartu ili upute izvan Googleove web-lokacije? Pretpostavimo da imate vlastitu web-lokaciju za vjenčanje ili osobni blog, a gosti mogu posjetiti vašu web-lokaciju, upisati adresu iz koje će dolaziti i automatski dobiti upute za lokaciju događaja!
Pa, postoji nekoliko načina na koje možete postići ovo. Najlakši način je jednostavno ugrađivanje karte na svoju web-stranicu pomoću ugrađenog koda koji generira Google Karte. Drugi način je malo više tehnički, ali više prilagodljiv i dinamičan. Spomenut ću obje metode u nastavku.
Ugradite Google kartu
Ako želite prikazati samo upute s jednog mjesta na drugo, najlakše je ugraditi bilo koju kartu koju gledate pomoću ugrađenog koda. Prvo nastavite i postavite sve smjernice koje želite na Google kartama, a zatim kliknite ikonu zupčanika u donjem desnom kutu stranice.
Kliknite na Dijelite ili ugradite kartu i zatim kliknite na Ugradi kartu kartica. Ovdje možete odabrati veličinu karte i zatim kopirati iframe kôd i ispustiti ga na bilo koju web stranicu koju želite.
Jedini nedostatak ove metode je da korisnik samo vidi statičku kartu. U sljedećoj metodi u nastavku možete stvoriti obrazac pomoću kojeg korisnik može unijeti bilo koju početnu adresu i generirat će kartu od te adrese do odredišne adrese po vašem izboru..
Izradite obrazac Google karata
Da biste ilustrirali što mislim pod drugim načinom, naprijed i upišite adresu u SAD u donjem okviru da biste dobili upute od vaše lokacije do moje kuće:
Cool huh? Ovaj mali obrazac možete jednostavno izraditi na bilo kojoj web-lokaciji, blogu ili bilo gdje gdje možete staviti neki HTML kôd! Ovo je također izvrsno za web-lokacije malih tvrtki koje možete baciti na svoju stranicu za kontakt, a ljudi mogu brzo dobiti upute, umjesto da kopiraju adresu, otvaraju novi prozor, a zatim upisuju početnu adresu.
Kako ćemo onda kreirati ovaj izmijenjeni okvir za upute o smjeru? Prvo, morat ćemo dobiti ispravnu sintaksu za URL koji Google koristi za upute. Srećom, možemo to shvatiti tako da dobijemo upute između dva mjesta, a zatim samo kopiramo URL iz adresne trake. Također možete kliknuti na malu ikonu zupčanika u donjem desnom kutu stranice i odabrati Dijelite ili ugradite kartu.
Kartica Veza dijeli sadržavat će URL koji je isti URL u adresnoj traci preglednika. U nastavku sam zalijepio cijeli URL kako bih vam pokazao kako izgleda.
https://www.google.com/maps/dir/3600+Thorp+Springs+Dr,+Plano,+TX+75025,+USA/ 854 + Deerfield + Rd, + Allen, + TX + 75013, + USA / @ 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
Jao! To je prilično dugo! Tamo ima mnogo stvari, od kojih većina nema nikakvog smisla! Parametri URL-a za Google Karte bili su vrlo jednostavni i jednostavni, ali je nova struktura URL-ova vrlo složena. Srećom, još uvijek možete koristiti stare parametre i Google će ih automatski pretvoriti u novu verziju. Da vidim na što mislim, pogledajte vezu u nastavku.
http://maps.google.com/maps?saddr=start&daddr=end
Samo naprijed. Stavite adresu u navodnike za početnu i završnu adresu i zalijepite URL u preglednik! Zamijenio sam početi s mojim rodnim gradom New Orleans i završio s Houstonom, TX, tako da je moj URL za smjerove Google karata ovako:
http://maps.google.com/maps?saddr=”new orleans, la ”& daddr =” houston, tx ”
Radi! No, kao što možete vidjeti, Google karte pretvaraju veze u nešto mnogo složenije kada se karta u potpunosti učita. U redu, tako da sada kada imamo normalan URL koji možemo prenijeti u Google Karte, moramo stvoriti jednostavan obrazac s dva polja, jedan za početnu i jedan za odredišnu adresu.
Ako želite da ljudi samo upišu svoju adresu i dobiju upute do vašeg mjesta, želimo da se drugo polje sakrije i već je postavljeno na odredišnu adresu.
Unesite početnu adresu:
Pogledajte gornji kod. U prvom retku počinje obrazac i kaže da kada se klikne na gumb za slanje, podatke treba poslati na maps.google.com/maps. target = prazna znači da želimo da se rezultat otvori u novom prozoru. Zatim imamo tekstualni okvir za početnu adresu, koji je prazan.
Drugi tekstni okvir je skriven, a vrijednost je odredišna adresa koju želimo. Konačno, tu je i gumb za slanje s naslovom "Get Directions". Sada kada netko upiše adresu, dobit će ovo:
Možete prilagoditi upute i još više mapirati s nekoliko dodatnih parametara. Na primjer, recimo da ne želite da zadani prikaz bude karte, već da to želite 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
Primijetite Sloj = t i t = h polja u URL-u. layer = t je za sloj prometa, a t = h znači hibridnu kartu! t također se može postaviti na m za normalnu kartu, k za satelit i p za teren. z je razina zumiranja i možete je promijeniti od 1 do 20. U gore navedenom URL-u postavljena je na 7. Jednostavno ih postavite na svoj konačni URL i sada na svojoj web-lokaciji dobivate obrazac za dobivanje uputa za Google Karte koji je jako prilagođen!
Imate li bilo kakvih problema s ovim, postavite komentar i pokušat ću vam pomoći! Uživati!
