Ako pridať trasy Google na svoju stránku

Ako IT expert vám ukážem, ako pridať Google Routes na váš web. To umožní vašim návštevníkom získať trasu k vašej polohe odkiaľkoľvek. Najprv budete musieť vytvoriť kľúč API pre Mapy Google. Môžete to urobiť tak, že prejdete do konzoly Google Developers Console a vytvoríte nový projekt. Po vytvorení projektu kliknite na odkaz 'Povoliť a spravovať API' a potom nájdite 'Maps Embed API' a povoľte ho. Ďalej budete musieť získať kód pre miniaplikáciu Google Routes. Tento kód nájdete tak, že prejdete na stránku Google Maps Embed API a vyberiete tlačidlo „Získať kód“. Skopírujte kód a vložte ho do kódu HTML svojej webovej stránky. Nakoniec budete musieť na svoj web pridať nasledujúci kód, aby sa miniaplikácia zobrazila: Nahraďte 'YOUR_API_KEY' kľúčom API, ktorý ste vytvorili predtým, a 'Your+Cieľ' adresou vašej polohy. Uložte zmeny a máte hotovo! Vaši návštevníci budú teraz môcť získať trasu k vašej polohe odkiaľkoľvek na svete.

Ak chcete vedieť ako pridať trasu jazdy google na svoj web potom si prečítaj tento príspevok. Google Mapy je najpopulárnejší digitálna mapová služba celosvetovo. Využíva dopravné informácie v reálnom čase na nájdenie najlepšej trasy do daného cieľa. Vloženie mapy Google na váš blog alebo webovú lokalitu pomáha vašim návštevníkom vidieť vašu polohu na mape sveta, zobraziť vašu adresu a prečítať si recenzie (ak nejaké existujú). Zatiaľ čo mapu môžete jednoducho vložiť na svoju webovú stránku pomocou jedinečného generátora kódu na vloženie do Máp Google, nemôžete túto mapu použiť ako navigačný nástroj, ktorý vašim návštevníkom pomôže nájsť cestu k vašej polohe. V tomto príspevku vám ukážeme, ako používať Mapy Google na zobrazenie trasy jazdy vašim návštevníkom.

Pozrieme sa na nasledujúce 2 spôsoby, pomocou ktorých môžete pridajte na svoj web trasu jazdy Google :

Vložte statickú google mapu a použite html formulár na zobrazenie trasy mapy
Použite iFrame Map Generator

Pozrime sa na tieto metódy podrobne.

1] Vložte statickú Google mapu a použite HTML formulár na zobrazenie trasy mapy.

Táto metóda zahŕňa 2 kroky. Krok 1 - Vkladanie statické Google mapa, ktorá presne určí vašu polohu. Krok 2 je pridanie HTML formulára, ktorý akceptuje polohu používateľa a vygeneruje pre neho mapu trasy na Google Maps. Pozrime sa, ako sa to dá urobiť.

A] Vložte mapu Google na svoj web

Spustite prehliadač.
OTVORENÉ Google Mapy na novej karte prehliadača.
Zadajte svoju adresu do vyhľadávacieho panela v Mapách Google v ľavom hornom rohu.
Vyberte miesto zo zoznamu výsledkov, ktoré sa zobrazia.
Poznámka: Ak nemôžete nájsť svoju adresu, priblížte si Mapy Google a sledujte ju. Na označenie svojej polohy na mape môžete použiť panorámy Street View v Mapách Google. Keď ju nájdete, môžete zadať svoje správne údaje o adrese pomocou možností „Pridať chýbajúce miesto“ alebo „Pridať svoju firmu“ a potom odoslať svoju polohu spoločnosti Google na overenie. Bude pridaný do niekoľkých hodín po odoslaní žiadosti.
Keď sa zobrazia Mapy Google, ktoré označujú vašu presnú polohu, kliknite na ikonu zdieľam ikonu.
Prepnúť na Vložte mapu tab
Stlačte tlačidlo Kopírovať HTML odkaz na skopírovanie kódu mapy do schránky. Výberom preddefinovanej veľkosti (malá, stredná, veľká) alebo zadaním vlastnej veľkosti sa môžete rozhodnúť, aká veľká alebo malá sa má mapa zobrazovať na vašom webe.
Potom prejdite na panel správcu svojho webu.
Otvorte webovú stránku, na ktorú chcete vložiť mapu.
Prepnite do zobrazenia editora kódu.
Vložte kód.
Ukončite editor kódu. Budete môcť vidieť ukážku Google Maps.

B] Na vytvorenie navigačnej trasy v Mapách Google použite formulár HTML.

Vráťte sa do zobrazenia editora kódu.
Pridajte kód zobrazený na nasledujúcom obrázku pod kódom Google Map:
Nahraďte hodnotu cieľovej adresy zvýraznenú na obrázku adresou vašej polohy.
Ukončite zobrazenie editora kódu.
Ukážte kód a skontrolujte, či funguje pridaním adresy do poľa „Zadajte adresu“ a kliknutím na tlačidlo Ukáž mi smer, ktorým mám ísť tlačidlo.
Vyššie uvedené kroky by mali zobraziť trasu zo zadanej adresy do vašej polohy v Mapách Google.
Ak je všetko v poriadku, môžete Publikovať kód.

2] Použite iFrame Map Generator

Spustite prehliadač.
OTVORENÉ Bezplatný generátor máp HTML na novej karte prehliadača.
Zadajte svoju adresu Zadajte svoju adresu vyhľadávacie pole na ľavom paneli.
Vaša poloha sa zobrazí v Mapách Google na pravej strane obrazovky. Môžete nastaviť typ mapy, vzdialenosť priblíženia, šírku alebo výšku. Mapu môžete nastaviť tak, aby bola responzívna, kliknutím na prepínač vedľa Urobte mapu tak, aby bola responzívna možnosť.
Kliknite na Vygenerujte HTML kód tlačidlo nižšie.
Zobrazí sa kód. zatlačte na Skopírujte kód do schránky tlačidlo.
Prihláste sa do administračného panela svojho webu.
Otvorte stránku, na ktorú chcete umiestniť mapu.
Prepnite do zobrazenia editora kódu.
Vložte kód.
Ukončite editor kódu.
Kliknite na Náhľad tlačidlo. Zobrazí sa náhľad mapy.
Kliknite na Inštrukcie ikonu.
Otvoria sa Mapy Google s predvyplnenou adresou ako cieľ.
Zadajte počiatočnú adresu. Môžete tiež použiť Vaša poloha možnosť povoliť Mapám Google používať vašu aktuálnu polohu.
Zobrazí sa mapa trasy.
Ak všetko funguje dobre, Publikovať stránku.

Týmto spôsobom môžu vaši návštevníci zobraziť vašu polohu v Mapách Google vložených na vašej webovej lokalite a nájsť trasu zo svojej polohy do vašej. Dúfam, že vám tento príspevok pomôže. Ak máte nejaké otázky, dajte nám vedieť v komentároch.

Prečítajte si tiež: Najlepšie alternatívy Máp Google na každodenné použitie.

Môžem pridať Mapy Google na svoj web?

Áno, na svoj web alebo blog môžete pridať Mapy Google. pomocou Google Embed Code Generator alebo bezplatného Google HTML Map Generator. . Obe tieto možnosti vám umožňujú vložiť mapu Google, ktorá označuje vašu adresu červenou guľôčkou, aj keď medzi nimi je malý rozdiel. Zatiaľ čo prvý vám umožňuje vložiť statickú mapu, ktorá umožní vašim návštevníkom vidieť vašu presnú polohu, blízke body záujmu atď., druhý ponúka Inštrukcie funkciu, ktorá vytvorí kompletnú mapu trasy, ktorú môžu použiť na nájdenie trasy jazdy k vašej polohe. V závislosti od vašich potrieb môžete použiť ktorúkoľvek z týchto možností na pridanie Máp Google na váš web alebo blog.

Ako môžem získať kód na vloženie Máp Google?

Získanie kódu na vloženie Máp Google je celkom jednoduché. Jednoducho otvorte Mapy Google na novej karte v okne prehliadača a zadajte svoju adresu do dostupného vyhľadávacieho panela. Keď Mapy vyberú a zobrazia vašu adresu, kliknite na ikonu zdieľam ikonu. V okne Zdieľať kliknite na tlačidlo Vložte mapu potom kliknite na Kopírovať HTML odkaz je zobrazený v pravom hornom rohu. To je všetko! Môžete tiež kliknúť na ponuku (ikona hamburgera) v Mapách Google a kliknúť na ikonu Zdieľajte alebo vložte mapu možnosť. Ďalším spôsobom, ako získať tento kód, je bezplatný generátor máp HTML (generátor máp iFrame), ako je opísané v metóde 2 v príspevku vyššie.

Čítaj viac: Najlepšie tipy a triky pre Mapy Google, vďaka ktorým sa stanete profesionálom.