Adja hozzá a Google Térkép vezetési útvonalát a webhelyéhez

Annak ellenére, hogy annyi térképezési alkalmazás és szolgáltatás van, hogy az A ponttól B pontig jusson, a térképek végső királya a Google Térkép. Használom a számítógépemen, tableten és 90% -ban az okostelefonomon. Megvan a legjobb adat, a legtöbb navigációs és útválasztási lehetőség és a hűvös funkciók, mint például az Utcakép és a gyaloglás, a kerékpározás és a tömeges szállítás.

De mi van, ha térképet vagy utasításokat kell használnia a Google webhelyén kívül? Tegyük fel, hogy saját esküvői weboldala vagy személyes blogja van, és a vendégek meglátogathatják webhelyét, beírhatják azt a címet, ahonnan jönnek, és automatikusan megkapják az úticélt az esemény helyére!

Nos, van néhány módja annak, hogy ezt megtehesse. A legegyszerűbb mód, ha egyszerűen beágyazza a térképet a weboldalára a Google Térkép által generált beágyazási kód használatával. A második út egy kicsit technikaiabb, de testreszabhatóbb és dinamikusabb. Az alábbiakban mindkét módszert megemlítem.

A Google Térkép beágyazása

Ha csak egy helyről a másikra kíván irányokat megjeleníteni, a legegyszerűbb dolog az, hogy a beágyazási kód segítségével beágyazza a megtekintett térképet. Először lépjen előre és állítsa be a kívánt lépéseket a Google Térképen, majd kattintson az oldal jobb alsó részén lévő fogaskerék ikonra.

Kattintson Térkép megosztása vagy beágyazása majd kattintson a Térkép beágyazása fület. Itt kiválaszthatja a térkép méretét, majd átmásolhatja az iframe kódot, és eldobhatja azt tetszőleges weboldalra.

A módszer egyetlen hátránya, hogy a felhasználó csak egy statikus térképet lát. Az alábbi második módszerben olyan űrlapot hozhat létre, amelyben a felhasználó bármilyen kezdőcímet írhat be, és egy térképet fog létrehozni ebből a címből az Ön által választott címcímre.

Hozzon létre Google Térkép űrlapot

Hogy bemutassam, mit értem a második módszerrel, menj előre, és írj egy amerikai címet az alábbi mezőbe, hogy az Ön tartózkodási helyéről iránymutatásokat kapjon a házamról:

Hűvös? Könnyedén létrehozhatja ezt a kis formanyomtatványt bármely weboldalon, blogban vagy bárhol, ahol HTML kódot helyezhet el! Ez nagyszerű a kisvállalkozások webhelyeire is, mivel azt a partneroldalon is eldobhatja, és az emberek gyorsan tájékozódhatnak, nem pedig másolhatják a címet, megnyithatnak egy új ablakot, majd írhatják be a kezdőcímet.

Szóval hogyan lehet létrehozni ezt a módosított kaputáblát? Először is, meg kell kapnunk a helyes szintaxist az URL-címhez, amelyet a Google irányít. Szerencsére azt tudjuk kitalálni, hogy két helyet kapunk, majd csak az URL-címet másoljuk a címsorból. Az oldal jobb alsó részén található apró fogaskerék ikonra kattintva választhat Térkép megosztása vagy beágyazása.

A Megosztás hivatkozás lap tartalmazza az URL-t, amely ugyanaz az URL a böngésző címsorában. Elmentem és beillesztettem a teljes URL-t, hogy megmutassam, milyen néz ki.

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! 1m0! 1s0x864c3d45018517a5: 0xbabd3c91a1321997! 2m2! 1d-96.762484! 2d33.08947! 1m5! 1m1! 1s0x864c16d3018a7f4f: 0xab2052b5786cd29f! 2m2! 1d-96,666151! 2d33.133892

Ajjaj! Ez elég hosszú! Rengeteg dolog van ott, amelyek nagy része nem értelme! A Google Térkép URL-paraméterei nagyon egyszerűek és egyszerűek voltak, de az új URL-struktúra meglehetősen bonyolult. Szerencsére továbbra is használhatja a régi paramétereket, és a Google automatikusan átalakítja azokat az új verzióra. Ha meg akarod nézni, mit értem, nézd meg az alábbi linket.

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

Menj előre és adj egy lövést. Adjon meg egy címet az induló és a végcímre vonatkozó idézetekben, és illessze be az URL-t a böngészőjébe! Az új városom New Orleans-val kezdődtem, és véget ért a Houston, TX-vel, így úgy néz ki ez a Google Térképek URL-címe:

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

Működik! Amint láthatod, a Google Térkép a linkeket teljesen bonyolultabbá teszi, ha a térkép teljesen betöltődik. Ok, így most, hogy van egy jó URL, amit át tudunk adni a Google Térképbe, létre kell hoznunk egy egyszerű űrlapot két mezővel, egyet a kezdőcímmel és egyet a célcímet..

Ha azt szeretné, hogy az emberek csak írják be a címüket, és iránymutatást kapjanak a helyére, akkor azt szeretnénk, ha a második mezőt elrejti, és már be van állítva a címcímre.

Adja meg a kezdőcímet:

Nézze meg a fenti kódot. Az első sor elkezdődik, és azt mondja, hogy ha az elküldés gombra kattint, az adatokat a maps.google.com/maps címre kell elküldeni. A target = blank azt jelenti, hogy azt szeretnénk, hogy az eredmény egy új ablakban nyissa meg. Ezután van egy szövegdoboz a kezdőcímhez, ami üres.

A második szövegdoboz rejtve van, és az érték az a célcím, amelyet kívánunk. Végül, van egy beállító gomb a „Útvonaltervezés” címmel. Most, amikor valaki beírja a címüket, megkapja ezt:

Néhány extra paraméterrel testreszabhatja az irányokat és még többet is térképezhet. Tegyük fel például, hogy nem szeretné, hogy az alapértelmezett nézet térkép legyen, hanem azt akarja, hogy legyen Műhold és mutasson Forgalom.

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

Figyeljük meg a layer = t és t = h mezők az URL-ben. réteg = t a forgalmi réteghez és t = h hibrid térkép! t lehet beállítani m normál térképre, k műholdas és p terepre. Z a nagyítási szint, és 1-ről 20-ra módosítható. A fenti URL-ben 7-re van állítva. Csak a végső URL-címre érintse meg azokat, és most már egy rendkívül testreszabott Google Térkép-úticél-űrlapot tartalmaz a webhelyén!

Van valami probléma ezzel kapcsolatban, küldjön egy megjegyzést, és megpróbálok segíteni! Élvez!