Přidání trasy Mapy Google na vaše webové stránky

I když existuje tolik mapování aplikací a služeb, aby vás z bodu A do bodu B, definitivní král map je Google Maps. Používám ho na svém počítači, tabletu a 90% času na smartphonu. Má ty nejlepší údaje, nejvíc možností navigace a směrování a skvělé funkce, jako je Street View a informace o chůzi, cyklistice a hromadné dopravě.

Co když však potřebujete použít mapu nebo trasu mimo webové stránky společnosti Google? Předpokládejme, že máte vlastní webovou stránku pro svatbu nebo osobní blog a hosté mohli navštívit vaše stránky, zadejte adresu, ze které budou pocházet, a automaticky získají trasu k místu události!

Existuje několik způsobů, jak toho dosáhnout. Nejjednodušším způsobem je jednoduše vložit mapu na webovou stránku pomocí kódu pro vložení generovaného Mapami Google. Druhý způsob je o něco více technický, ale přizpůsobivější a dynamičtější. Zmíním obě metody níže.

Vložit mapu Google

Pokud chcete zobrazit pouze trasy z jednoho místa do druhého, nejjednodušší věcí je vložit libovolnou mapu, kterou prohlížíte, pomocí kódu pro vložení. Nejdříve se pusťte do nastavení Mapy Google a klikněte na ikonu ozubeného kola v pravé dolní části stránky.

Klikněte na Sdílet nebo vložit mapu a klepněte na tlačítko Vložit mapu kartu. Zde si můžete vybrat velikost mapy a pak zkopírovat kód iframe a umístit jej na libovolnou webovou stránku, kterou se vám líbí.

Jediná nevýhoda této metody je, že uživatel vidí pouze statickou mapu. Ve druhé níže uvedené metodě můžete vytvořit formulář, ve kterém může uživatel zadat libovolnou počáteční adresu a vygeneruje mapu z této adresy na cílovou adresu svého výběru.

Vytvořte formulář Map Google

Chcete-li ilustrovat, co tím myslím druhou metodou, pokračujte a do pole níže zadejte adresu USA, abyste získali pokyny z vaší polohy do mého domu:

Cool huh? Tento malý formulář můžete snadno vytvořit na libovolném webu, blogu nebo kdekoli, kam můžete vložit HTML kód! To je také skvělé pro webové stránky malých firem, protože jej můžete vyhodit na svou kontaktní stránku a lidé mohou rychle vyhledat trasu, místo aby museli kopírovat vaši adresu, otevírat nové okno a poté zadat svou počáteční adresu..

Jak tedy postupujeme při vytváření tohoto upraveného pole pro získání trasy? Nejdříve budeme muset získat správnou syntaxi adresy URL, kterou společnost Google používá pro pokyny. Naštěstí to můžeme zjistit tak, že dostaneme směry mezi dvěma místy a pak zkopírujeme adresu URL z adresního řádku. Můžete také kliknout na malou ikonu ozubeného kola v pravém dolním rohu stránky a vybrat Sdílet nebo vložit mapu.

Karta Sdílet odkaz bude obsahovat adresu URL, která je stejná adresa URL v adresním řádku prohlížeče. Pokračoval jsem a vložil celou URL níže, abych vám ukázal, jak to vypadá.

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 =! 3m! 4b1! 4m13! 4m12! 1m5! 1m1! 1s0x864c3d45018517a5: 0xbabd3c91a1321997! 2m2! 1d-96.762484! 2d33.08947! 1m5! 1m1! 1s0x864c16d3018a7f4f: 0xab2052b5786cd29f! 2m2! 1d-96.666151! 2d33.133892

Yikes! To je dost dlouho! Je tam spousta věcí, z nichž většina nedává smysl! Parametry URL Map Google bývají velmi jednoduché a snadné, ale nová struktura URL je poměrně komplikovaná. Naštěstí můžete stále používat staré parametry a Google je automaticky převede do nové verze. Chcete-li vidět, co tím myslím, podívejte se na níže uvedený odkaz.

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

Jděte do toho. Vložte adresu do uvozovek pro počáteční a koncovou adresu a vložte adresu URL do prohlížeče! Nahradil jsem start v mém domovském městě New Orleans a skončil s Houstonem, TX, takže to vypadá tak, jak vypadá moje adresa URL v Mapách Google:

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

Funguje to! Jak však můžete vidět, Mapy Google převádějí odkazy na něco mnohem složitějšího, jakmile se mapa plně načte. Ok, takže teď, když máme rozumnou adresu URL, kterou můžeme přenést do Map Google, musíme vytvořit jednoduchý formulář se dvěma poli, jedním pro počáteční adresu a druhý pro cílovou adresu..

Pokud chcete, aby lidé zadávali pouze svou adresu a dostávali pokyny k vašemu místu, chceme, aby bylo druhé pole skryto a bylo již nastaveno na cílovou adresu..

Zadejte svou počáteční adresu:

Podívejte se na výše uvedený kód. První řádek začíná formulářem a říká, že po kliknutí na tlačítko Odeslat data by měla být odeslána na adresu maps.google.com/maps. target = blank znamená, že chceme, aby se výsledek otevřel v novém okně. Pak máme textové pole pro počáteční adresu, které je prázdné.

Druhé textové pole je skryté a hodnota je cílová adresa, kterou si přejeme. Konečně je zde tlačítko Odeslat s názvem „Získat pokyny“. Když někdo zadá svou adresu, dostane to:

Můžete si přizpůsobit trasy a mapovat ještě více s několika dalšími parametry. Řekněme například, že nechcete, aby byly výchozí zobrazení mapy, ale místo toho chtějí být Družice a ukázat Provoz.

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

Všimněte si vrstva = t a t = h v URL. layer = t je pro dopravní vrstvu a t = h znamená hybridní mapu! t lze nastavit také m pro normální mapu, k pro satelit a str pro terén. z je úroveň přiblížení a můžete ji změnit z 1 na 20. Ve výše uvedené adrese URL je nastavena na hodnotu 7. Stačí, když se připojíte ke své konečné adrese URL a nyní máte na svých stránkách vysoce přizpůsobený formulář Mapy služby Mapy Google.!

Máte s tím nějaké problémy, napište komentář a pokusím se pomoci! Užívat si!