Pridėkite „Google“ žemėlapių vairavimo nurodymus į savo svetainę

Nors ten yra tiek daug žemėlapių programų ir paslaugų, kad galėtumėte iš A taško į B tašką, galutinis žemėlapių karalius yra „Google“ žemėlapiai. Aš jį naudoju savo kompiuteryje, planšetiniame kompiuteryje ir 90% laiko mano telefone. Ji turi geriausius duomenis, navigacijos ir maršruto parinktis bei puikias funkcijas, pvz., „Street View“ ir pėsčiųjų, dviračių ir masinio tranzito informaciją.

Bet kas, jei jums reikia naudoti žemėlapį ar nuorodas už „Google“ svetainės ribų? Tarkime, kad turite savo vestuvių svetainę ar asmeninį tinklaraštį, o svečiai gali aplankyti jūsų svetainę, įveskite adresą, kurį jie ateis, ir automatiškai gaus nurodymus į įvykio vietą!

Na, yra keletas būdų, kaip galite tai padaryti. Paprasčiausias būdas yra tiesiog įterpti žemėlapį į savo tinklalapį naudojant „Google“ žemėlapių sukurtą įdėjimo kodą. Antrasis būdas yra šiek tiek labiau techninis, bet labiau pritaikomas ir dinamiškas. Toliau pateiksiu abu metodus.

Įterpti „Google“ žemėlapį

Jei norite rodyti kelias nuorodas iš vienos vietos į kitą, paprasčiausias dalykas yra įdėti bet kokį žemėlapį, kurį žiūrite, naudodami įdėjimo kodą. Pirma, eikite į priekį ir nustatykite, kokias nuorodas norite „Google“ žemėlapiuose, tada spustelėkite puslapio apatiniame dešiniajame kampe esančią įrankių piktogramą.

Spustelėkite Bendrinkite arba įterpkite žemėlapį tada spustelėkite Įterpti žemėlapį skirtuką. Čia galite pasirinkti savo žemėlapio dydį, tada nukopijuoti iframe kodą ir nuleisti jį į bet kurį norimą tinklalapį.

Vienintelis šio metodo trūkumas yra tas, kad vartotojas mato tik statinį žemėlapį. Antruoju toliau pateiktu metodu galite sukurti formą, pagal kurią vartotojas gali įvesti bet kurį pradinį adresą ir generuoti žemėlapį iš to adreso į pasirinktą paskirties adresą.

Sukurkite „Google“ žemėlapių formą

Jei norite iliustruoti tai, ką turiu omenyje antruoju metodu, eikite į toliau pateiktą laukelį ir įveskite JAV adresą, kad gautumėte nurodymus iš savo vietos į mano namus:

Atvėsinkite? Jūs galite lengvai sukurti šią mažą formą bet kurioje interneto svetainėje, tinklaraštyje ar bet kur, kur galite įdėti HTML kodą! Tai taip pat tinka mažų įmonių interneto svetainėms, nes galite jį įdėti į savo kontaktų puslapį ir žmonės gali greitai gauti nuorodas, o ne kopijuoti jūsų adreso, atidaryti naują langą ir tada įvesti pradinį adresą.

Taigi, kaip mes darome kuriant šį modifikuotą gavimo nurodymų laukelį? Pirmiausia, mes turime gauti teisingą URL sintaksę, kurią „Google“ naudoja nurodymams. Laimei, mes galime išsiaiškinti, kad gauname nurodymus tarp dviejų vietų ir tada tiesiog nukopijuosime URL iš adreso juostos. Taip pat galite spustelėti mažą įrankio piktogramą pačiame apatiniame dešiniajame puslapio kampe ir pasirinkti Bendrinkite arba įterpkite žemėlapį.

Skiltyje Bendrinti nuorodą bus URL, kuris yra tas pats URL jūsų naršyklės adreso juostoje. Aš einu į priekį ir įklijuojau visą URL žemiau, kad parodyčiau, kas atrodo.

https://www.google.com/maps/dir/3600+Thorp+Springs+Dr,+Plano,+TX+75025,+USA/ 854 + Deerfield + Rd, + Allen, + TX + 75013, + JAV / @ 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

Yikes! Tai gana ilgai! Ten yra daug dalykų, kurių dauguma neturi jokios prasmės! „Google“ žemėlapių URL parametrai buvo labai paprasti ir lengvi, tačiau nauja URL struktūra yra gana sudėtinga. Laimei, vis dar galite naudoti senus parametrus ir „Google“ automatiškai juos konvertuos į naują versiją. Norėdami pamatyti, ką turiu galvoje, patikrinkite žemiau esančią nuorodą.

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

Eikite į priekį ir leiskite jai fotografuoti. Įdėkite adresą į pradžios ir pabaigos adreso kabutes ir įklijuokite URL į savo naršyklę! Pradėjau pakeisti savo namų miestu Naujuoju Orleanu ir baigti Houston, TX, todėl mano „Google“ žemėlapių nuorodų URL atrodo taip:

http://maps.google.com/maps?saddr=ybodynew orleans, la “& daddr =” Houston, tx “

Tai veikia! Kaip matote, „Google“ žemėlapiai konvertuoja nuorodas į kažką daug sudėtingesnio, kai žemėlapis visiškai įkeliamas. Gerai, todėl dabar, kai mes turime protingą URL, kurį galime perkelti į „Google“ žemėlapius, turime sukurti paprastą formą su dviem laukais, vieną - pradinio adreso ir vieną paskirties adresą.

Jei norite, kad žmonės tiesiog įvestų savo adresą ir gautų nurodymus į jūsų vietą, tada norime, kad antrasis laukas būtų paslėptas ir jau nustatytas paskirties vietos adresu.

Įveskite savo pradinį adresą:

Peržiūrėkite šį kodą. Pirmoji eilutė pradeda formą ir sako, kad paspaudus mygtuką „Siųsti“, duomenys turi būti siunčiami į maps.google.com/maps. The target = tuščias reiškia, kad norime, kad rezultatas būtų atidarytas naujame lange. Tada turime teksto laukelį pradiniam adresui, kuris yra tuščias.

Antrasis teksto laukelis yra paslėptas, o vertė yra paskirties adresas, kurį norime. Galiausiai yra pateikimo mygtukas su pavadinimu „Gauti nurodymus“. Dabar, kai kas nors įveda savo adresą, jie gaus tai:

Jūs galite pritaikyti kryptis ir žemėlapius dar labiau su keliais papildomais parametrais. Pvz., Tarkime, kad nenorite, kad numatytasis vaizdas būtų žemėlapiai, bet norite, kad jis būtų Palydovas ir rodyti Eismas.

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

Atkreipkite dėmesį į sluoksnis = t ir t = h laukuose URL. sluoksnis = t yra eismo sluoksnis ir t = h - hibridinis žemėlapis! t taip pat gali būti nustatyta m normaliam žemėlapiui, k palydovams ir. \ t p vietovės. z yra priartinimo lygis ir galite jį keisti nuo 1 iki 20. Pirmiau nurodytame URL, jis nustatytas kaip 7. Tiesiog susieti tuos, kurie yra jūsų galutiniame URL, ir jūs jau gavote labai pritaikytą „Google“ žemėlapių paieškos kryptį savo svetainėje!

Turėkite problemų, rašykite komentarą ir bandysiu padėti! Mėgautis!