Chcete na web ve Webnode přidat vlastní mapu s vlastními body?

 

V návodu Jak správně nastavit Google Mapu ve Webnode? jsem Vám ukázal jako vložit mapu z klasické adresy z Máp Google.

V tomto návodu si ukážeme postup pro vytvoření vlastní mapy s neobmezedným počtem bodů (adresami) pomocí Google My Maps.

Vytvořenou mapu následně vložíte na web jednoduše – pomocí HTML kódu.

Služba je zdarma a určitě Vám ji doporučím využít.

Ukážka vytvorenej mapy pomocou služby Google My Maps.

 

Návod k vytvoření vlastní mapy pomocí Google My Maps

 

1. Zaregistrujte se resp. přihlašte se Vašim Google účtem na stránkách: http://mymaps.google.com .

*Pokud účet u Google ještě nemáte, tak si ho zdarma vytvořte vytvorte.

2. V levém horním rohu klikněte na “Vytvořit novou mapu”.

 

3. Vyhledáme si konkrétní adresy a přidáme si je do naší mapy 🙂

4. U každého bodu (adresy) můžete upravit Nadpis, Popis, Barvu a ikonku špendlíku na mapě.

5. Pokud jste úspěšně přidali všechny adresy a chcete mapu veřejně sdílet (např. na webu ve Webnode), klikněte na “Sdílet“.

6. U kolonky “Kdo má přístup” klikněte na “Změnit”.

 

a zaškrtknite možnosť “Zapnuto – Verejné na webe” a uložte.

7. Vytvořenou mapu si nyní můžete na web vložit pomocí HTML kódu (iframe). V horní části klikněte na tři tečky a zvolte možnost “Vložit na mé stránky”.

V hornej časti kliknite na tri bodky a zvoľte možnosť “Vložiť na moje stránky

a skopírujte si potrebný HTML kód Vašej mapy.

8. Kód mapy vložte na Váš web ve Webnode pomocí funkce “+” a “HTML“.

*Kód vložte na místo, kde chcete mapu zobrazit.

9. Publikujte změny. 

Hotovo 🙂 Vaša mapa sa zobrazuje v publikovanej verzii Vášho webu.

Další návody

Jak na webové stránky vložit mapu z Mapy.cz?

Jak na webové stránky vložit mapu z Mapy.cz?

Jak na Vaše webové stránky vložit mapu od Mapy.cz?V návodech Jak správně nastavit Google Mapu ve Webnode? a Jak si vytvořit mapu s vlastními body (špendlíky na mapě)? jsme si ukázali jednoduché řešení pro přidání mapy na web přes služby od Google. V tomto návodu se...

Jak na web pridať padajíci konfety?

Jak na web pridať padajíci konfety?

Jak na webové stránky vo Webnode pridať animáciu - padajíci konfety?Do mé Webnode poradny přišla otázka, zda je možné na webu ve Webnode přidat animaci padajících konfet. Ano je to možné - pro všechny, kteří hledají "padající konfety na web" jsem připravil kód, který...

Líbil se ti tento návod? Pošli ho přátelům 🙂

Viliam
Follow me