Lisage oma veebisaidile Google Mapsi juhised
Kuigi seal on nii palju kaardistamisrakendusi ja -teenuseid, et saada punktist A punktini B, on kaartide lõplik kuningas Google Maps. Ma kasutan seda oma arvutis, tahvelarvutis ja 90% ajast minu nutitelefonis. Sellel on parimad andmed, kõige navigatsiooni- ja marsruutimisvõimalused ning lahedad funktsioonid, nagu tänavavaade ja jalgsi-, jalgrattasõit ja massitransiit.
Aga mis siis, kui peate kasutama kaarti või juhiseid väljaspool Google'i veebisaiti? Oletame, et teil on oma pulmade veebisait või isiklik blogi ja külalised saavad teie saidi külastada, tippida aadressi, kust nad tulevad, ja saada automaatselt juhised sündmuse asukohale!
Noh, seal on mõned viisid, kuidas seda teha. Lihtsaim viis on lihtsalt kaarti veebisaidile kinnitada, kasutades Google Mapsi genereeritud koodi. Teine võimalus on natuke tehnilisem, kuid kohandatavam ja dünaamilisem. Mainin mõlemat meetodit allpool.
Embed Google Map
Kui soovid kuvada ainult ühest kohast teise suunad, on kõige lihtsam teha, kui manustada kaart, mida vaatate, manustatud koodi abil. Kõigepealt mine edasi ja seadistage Google Mapsis soovitud juhised ning klõpsake lehe all paremas nurgas asuvale käiguvalikule.
Kliki Jagage või embed kaarti ja seejärel klõpsake nuppu Embed kaart vahekaart. Siin saate valida oma kaardi suuruse ja seejärel kopeerida iframe'i koodi ning langetada selle mis tahes soovitud veebilehele.
Selle meetodi ainus puudus on see, et kasutaja näeb lihtsalt staatilist kaarti. Järgmises allpool toodud meetodis saate luua vormi, mille abil kasutaja saab sisestada mis tahes lähteaadressi ja loob selle aadressi kaardi teie valitud sihtkoha aadressile.
Looge Google Mapsi vorm
Et näidata, mida ma mõtlen teise meetodi järgi, mine edasi ja tippige allolevasse kasti USA aadress, et saada oma asukohast oma majale juhiseid:
Jah, jah? Saate selle väikese vormi hõlpsasti luua mis tahes veebisaidil, blogis või kõikjal, kuhu HTML-koodi panna! See kehtib ka väikeettevõtete veebisaitide kohta, kuna saate selle oma kontaktide lehele visata ja inimesed saavad kiiresti suunata, mitte oma aadressi kopeerida, avada uue akna ja seejärel sisestada oma alguse aadressi.
Niisiis, kuidas me selle muudetud saamise juhiste kasti loomisel läheme? Kõigepealt peame saama õige URL-i süntaksi, mida Google juhiste jaoks kasutab. Õnneks saame sellest aru saada, saades kahe koha vahelised juhised ja seejärel lihtsalt kopeerides URL-i aadressiribalt. Samuti võite klõpsata lehe allosas paremal asuvale pisikele käigukastile ja valida Jagage või embed kaarti.
Vahekaardi Jaga link sisaldab URL-i, mis on sama URL teie brauseri aadressiribal. Ma olen läinud edasi ja kleepinud terve URL allpool, et näidata teile, mis see välja näeb.
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
Yikes! See on päris pikk! Seal on palju asju, millest enamik ei oma mõtet! Google Mapsi URL-i parameetrid olid varem väga lihtsad ja lihtsad, kuid uus URL-i struktuur on üsna keeruline. Õnneks saate vanu parameetreid siiski kasutada ja Google teisendab need uueks versiooniks automaatselt. Et näha, mida ma mõtlen, vaadake allolevat linki.
http://maps.google.com/maps?saddr=start&daddr=end
Mine edasi ja anna see maha. Pange aadress algus- ja lõpp-aadressi jutumärkidesse ja kleepige URL oma brauserisse! Asendasin alguse oma kodulinnaga New Orleans ja lõpetasin Houston, TX, nii et see on see, mida minu Google Mapsi juhiste URL näeb välja:
http://maps.google.com/maps?saddr= everybodynew orleans, la ”& daddr =” houston, tx ”
See töötab! Nagu näete, konverteerib Google Maps lingid mõnevõrra keerulisemaks, kui kaart on täielikult koormatud. Ok, nii et nüüd, kui meil on mõistlik URL, mida saame Google Mapsi üle kanda, peame looma lihtsa vormi, millel on kaks välja, üks algusosale ja teine sihtkoha aadressile.
Kui soovite, et inimesed lihtsalt sisestaksid oma aadressi ja saaksid oma kohale juhised, siis me tahame, et teine väli oleks peidetud ja juba määratud sihtkoha aadressile.
Sisestage oma algusaadress:
Vaadake ülaltoodud koodi. Esimene rida alustab vormi ja ütleb, et kui nupule Saada saadetakse, tuleb andmed saata aadressile maps.google.com/maps. The siht = tühi tähendab, et me tahame, et tulemus avaneks uues aknas. Siis on meil algava aadressi jaoks tekstikast, mis on tühi.
Teine tekstikast on peidetud ja väärtus on sihtkoha aadress, mida me soovime. Lõpuks on olemas ka nupp, mis kannab pealkirja „Tee juhised”. Nüüd, kui keegi kirjutab oma aadressile, saavad nad selle:
Mõnede lisaparameetritega saate suuniseid kohandada ja veelgi rohkem kaardistada. Oletame näiteks, et te ei soovi, et vaikevaade oleks kaardid, vaid tahaks, et see oleks Satelliit ja näidata Liiklus.
http://maps.google.com/maps?saddr=%22new+orleans,+la%22&daddr=%22houston,+tx%22&ie=UTF8&t=h&z=7&layer=t
Teade kiht = t ja t = h URL-i väljad. kiht = t on liikluskihi jaoks ja t = h tähendab hübriidkaarti! t saab määrata ka m tavalise kaardi jaoks, k satelliidi ja lk maastiku jaoks. z on suumi tase ja seda saab muuta vahemikus 1 kuni 20. Ülaltoodud URL-is on see seatud väärtusele 7. Lihtsalt puudutage neid oma lõplikule URL-ile ja olete nüüd saidi saidil Google Mapsi saamise juhised.!
Kas teil on sellega probleeme, kommenteerida ja ma püüan aidata! Naudi!
