Iako postoji toliko aplikacija i usluga za mapiranje koji vas vode od točke A do točke B, konačni kralj karata je Google Maps. Koristim ga na računalu, tabletu i 90% vremena na pametnom telefonu. Ima najbolje podatke, najviše mogućnosti za navigaciju i usmjeravanje i cool značajke kao što su Street View i informacije o šetnji, biciklizmu i masovnom tranzitu.

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 bi mogli posjetiti vašu stranicu, upišite adresu s koje dolaze i automatski dobijte upute do mjesta događaja!

Pa, postoji nekoliko načina na koje možete to postići. Najlakši način je jednostavno umetnuti kartu na svoju web stranicu pomoću ugrađenog kôda generiranog na Google Maps. Drugi način je malo tehničkiji, ali prilagodljiviji i dinamičniji. U nastavku ću spomenuti obje metode.

Ugradi Google kartu

Ako želite prikazati upute samo s jedne lokacije na drugu, najlakše je učiniti ugrađivanje mape koju pregledavate pomoću ugrađenog koda. Prvo nastavite i postavljajte upute koje želite na Google kartama, a zatim kliknite ikonu zupčanika u donjem desnom kutu stranice.

dijeljenje ili ugraditi kartu

Kliknite na Share ili ugradi kartu, a zatim kliknite karticu Embed map. Ovdje možete odabrati veličinu karte, a zatim kopirati iframe kôd i ispustiti ga na bilo koju web stranicu koju želite.

ugraditi kartu

Jedina mana ove metode je da korisnik samo vidi statičku kartu. U drugoj metodi u nastavku možete stvoriti obrazac prema kojem korisnik može upisati bilo koju početnu adresu i generirat će kartu s te adrese na odredišnu adresu po vašem izboru.

Izradite obrazac Google Maps

Da biste ilustrirali što mislim drugom metodom, idite naprijed i upišite američku adresu u donji okvir da biste dobili upute od vaše lokacije do moje kuće:

Kul? Ovaj mali obrazac lako možete stvoriti na bilo kojem web mjestu, blogu ili bilo gdje gdje možete staviti neki HTML kod! Ovo je također sjajno za web stranice malog poduzetništva jer ih možete baciti na svoju kontakt stranicu i ljudi mogu brzo dobiti upute, umjesto da trebaju kopirati vašu adresu, otvoriti novi prozor i zatim upisati svoju početnu adresu.

Pa kako ćemo stvoriti ovaj modificirani okvir za upute za dobivanje? Pa prvo, trebat ćemo dobiti ispravnu sintaksu za URL koji Google koristi za upute. Srećom, to možemo shvatiti tako da dobijemo upute između dva mjesta, a zatim samo kopiramo URL iz adresne trake. Također možete kliknuti na ikonu malenog zupčanika u dnu desne strane stranice i odabrati Dijeljenje ili ugraditi kartu.

dijeljenje ili ugraditi kartu

Kartica Link dijeli sadržavat će URL koji je isti URL u adresnoj traci preglednika. Išao sam naprijed i zalijepio cijeli URL u nastavku samo da vam pokažem kako izgleda.

dijeljenje karata veza
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! 1d3358947! 1d33.08947! 1s0x864c16d3018a7f4f:!! 0xab2052b5786cd29f 2m2 1d-96,666151 2d33.133892

Jao! To je prilično dugo! Tamo ima puno stvari od kojih većina nema nikakvog smisla! Parametri URL-a Google Maps bili su vrlo jasni i jednostavni, ali nova struktura URL-a prilično je složena. Srećom, još uvijek možete koristiti stare parametre i Google će ih automatski pretvoriti u novu verziju. Da biste vidjeli što mislim, pogledajte vezu u nastavku.

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

Samo naprijed i pucaj. Unesite adresu u navodnike za početnu i krajnju adresu i zalijepite URL u svoj preglednik! Počeo sam s rodnim gradom New Orleansom, a kraj s Houstonom, TX, tako izgleda moj URL upute za Google Maps:

http://maps.google.com/maps?saddr=

Radi! Kao što vidite, Google Maps pretvara veze u nešto složenije nakon što se karta u potpunosti učita. Ok, tako da sada kada imamo jasan URL koji možemo prenijeti u Google karte, potrebno je stvoriti jednostavan obrazac s dva polja, jedno za početnu adresu i jedno za odredišnu adresu.

Ako želite da ljudi samo upišu adresu i dobiju upute do vašeg mjesta, onda ćemo htjeti da drugo polje bude skriveno i već postavljeno na odredišnu adresu.

Unesite svoju početnu adresu:

Provjerite gornji kôd. Prvi redak započinje obrazac i kaže da kada se klikne gumb za slanje, podaci bi trebali biti poslani na maps.google.com/maps. Cilj = prazno znači da želimo da se rezultat otvori u novom prozoru. Zatim imamo tekstni okvir za početnu adresu, koji je prazan.

Drugi tekstni okvir je skriven i vrijednost je odredišne ​​adrese koju želimo. Na kraju, postoji gumb za slanje s naslovom "Dohvati upute". Sad kad netko upiše svoju adresu, dobit će ovo:

karte upute

Možete prilagoditi upute i mapirati još više s nekoliko dodatnih parametara. Na primjer, recimo da ne želite da zadani prikaz predstavlja mape, već umjesto toga želi da bude satelit i prikazuje promet.

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

Uočite polja sloja = t i t = h u URL-u. Sloj = t je za sloj prometa, a t = h znači hibridna karta! t se također može postaviti na m za normalnu kartu, k za satelit i p za teren. z je razina zumiranja i možete je promijeniti s 1 na 20. U gornjem URL-u postavljeno je na 7. Samo ih dodajte na krajnji URL i sada na svom web mjestu imate visoko prilagođeni obrazac za Google karte Dobivanje uputa. !

Imate li problema s tim, pošaljite komentar i pokušat ću vam pomoći! Uživati!