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

Script na odpočet času

Script na odpočet času

Odpočet času v systému WebnodePotřebujete na webové stránky přidat HTML kód odpočítávání času? Plánujete svatbu, oslavu nebo otevření nové restaurace a chcete všechny držet v napětí? Žádný problém.1. Použijte script pro odpočet času:xxx xxx Na řádku č. 1 můžete...

Script na přesměrování (redirect)

Script na přesměrování (redirect)

Hledáte způsob jak návštěvníka Vaší Webnode webstránky automaticky přesměrovat na jiný web? (URL adresu)   Řešení je jednoduché: Upravte a zkopírujte níže uvedený HTML kód 🙂   1. V kódu upravte hodnotu URL. Namísto URL vložte do kódu adresu na kterou chcete...

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

Viliam
Follow me