Annak ellenére, hogy oly sok térképészeti alkalmazás és szolgáltatás létezik az A ponttól a B pontig való eljutáshoz, a térképek végső királya a Google Maps. Számítógépemen, táblagépemen és az okostelefonom 90% -át használom. Megvan a legjobb adat, a legtöbb navigációs és útválasztási lehetőség, valamint a hűvös funkciók, például az Utcakép és a gyalogos, kerékpáros és tömegközlekedési információk.

De mi van, ha térképet vagy útmutatásokat kell használni a Google webhelyén kívül? Tegyük fel, hogy van saját esküvői weboldala vagy személyes blogja, és a vendégek meglátogathatják webhelyét, írja be a címet, ahonnan jönnek, és automatikusan útmutatást kapjon az esemény helyszínére!

Nos, van néhány módszer, amellyel ezt megteheti. A legegyszerűbb módszer a térkép egyszerű beágyazása a weboldalra a Google Maps által létrehozott beágyazási kód használatával. A második módszer egy kicsit technikai jellegű, de testreszabhatóbb és dinamikusabb. Az alábbiakban megemlítem mindkét módszert.

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

Ha csak az egyik helyről a másikra szeretne útmutatásokat megjeleníteni, akkor a legegyszerűbb beágyazni a megtekintett térképet a beágyazási kóddal. Először folytassa és állítsa be a kívánt irányokat a Google Maps alkalmazásban, majd kattintson az fogaskerék ikonra az oldal jobb alsó sarkában.

megoszthatja vagy beágyazhatja a térképet

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

beágyaz térkép

Ennek a módszernek az egyetlen hátránya, hogy a felhasználó csak statikus térképet lát. Az alábbi második módszer szerint létrehozhat egy űrlapot, amellyel a felhasználó beírhat bármilyen kezdőcímet, és ebből a címből térképet generál a választott célcímre.

Hozza létre a Google Maps űrlapot

Annak szemléltetése érdekében, hogy mire gondolok a második módszerrel, lépjen tovább, és írja be az Egyesült Államok címét az alábbi mezőbe, hogy útvonaltervet kapjon a helyedből a házamba:

Hű? Könnyen létrehozhatja ezt a kis űrlapot bármilyen weboldalon, blogban vagy bárhova, amelybe beilleszthet HTML kódot! Ez nagyszerű lehetőség a kisvállalkozások webhelyeire is, mivel felveheti a kapcsolati oldalra, és az emberek gyorsan útmutatást kaphatnak, ahelyett, hogy a címet másolnák, új ablakot nyitnának, majd beírnák a kezdőcímet.

Tehát hogyan lehet létrehozni ezt a módosított útmutatási mezőt? Először is be kell szereznünk a helyes szintaxist az URL-re, amelyet a Google az útmutatásokhoz használ. Szerencsére ezt kitalálhatjuk úgy, hogy útmutatást kapunk két hely között, majd az URL-t csak a címsorról másoljuk. Kattintson az oldal jobb alsó sarkában található apró fogaskerék ikonra, és válassza a Térkép megosztása vagy beágyazása lehetőséget.

megoszthatja vagy beágyazhatja a térképet

A Megosztás link fül tartalmazza az URL-t, amely ugyanaz az URL a böngésző címsorában. Előrementem és beillesztettem a teljes URL-t az alábbiakba, csak hogy megmutassam, hogyan néz ki.

ossza meg a link térképeket
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! 2m33.08947! 1s0x864c16d3018a7f4f: 0xab2052b5786cd29f! 2m2! 1d-96,666151! 2d33.133892

Ajjaj! Ez elég hosszú! Nagyon sok cucc van benne, amelyek többségének nincs értelme! A Google Maps URL-paraméterei régen 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 konvertálja azokat az új verzióra. Ha meg szeretné tudni, hogy értem, nézd meg az alábbi linket.

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

Menj előre, és lőj fel. Adjon meg egy címet idézőjelekben a kezdő és záró címhez, és illessze be az URL-t böngészőjébe! Először a saját otthoni városommal, New Orleans-lel és a végül Houston-nal, TX-vel cseréltem, így néz ki a Google Maps útmutatásaim URL-je:

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

Működik! Mint láthatja, a Google Maps a linkeket sokkal bonyolultabbá alakítja, ha a térkép teljes mértékben betöltődik. Rendben, tehát most, amikor van egy ésszerű URL, amelyet át tudunk adni a Google Maps-hez, el kell készítenünk egy egyszerű űrlapot, két mezővel, az egyik a kezdőcímre, a másik a célcímre.

Ha azt szeretné, hogy az emberek csak írják be a címüket, és útmutatást kapjanak a helyére, akkor azt szeretnénk, ha a második mező rejtve marad, és már beállítva a célcímre.

Írja be kezdőcímét:

Nézze meg a fenti kódot. Az első sor elindul az űrlapon, és azt mondja, hogy amikor a benyújtás gombra kattintanak, az adatokat el kell küldeni a maps.google.com/maps címre. A cél = üres azt jelenti, hogy azt szeretnénk, ha az eredmény új ablakban nyílik meg. Ezután van egy szövegdoboz a kezdőcímhez, amely üres.

A második szövegmező rejtett, és az érték a kívánt célcím. Végül van egy küldés gomb, amelynek címe “Útvonaltervezés”. Most, amikor valaki beírja a címét, megkapja ezt:

térkép útmutatásokat

Néhány extra paraméterrel testreszabhatja az útmutatásokat és a térképet. Tegyük fel például, hogy nem akarja, hogy az alapértelmezett nézet térképek legyen, hanem azt szeretné, hogy műholdas és forgalmat jelenítsen meg.

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

Vegye figyelembe a réteg = t és t = h mezőket az URL-ben. réteg = t a forgalmi réteg, a t = h pedig a hibrid térkép! t normál térképre is beállítható m, k műholdas szempontból és p terephez. z a zoom szint, és megváltoztathatja 1-ről 20-ra. A fenti URL-ben 7-re van állítva. Csak illessze be azokat, akik a végső URL-re vannak, és mostantól megvan egy jól testreszabott Google Maps Útvonaltervezési űrlap. !

Van bármilyen kérdése ezzel kapcsolatban, írj megjegyzést, és megpróbálok segíteni! Élvezd!