Chcete na web vo Webnode pridať mapu s vlastnými bodmi?

 

V návode Ako správne nastaviť Google Mapu vo Webnode? som Vám ukázal ako vložiť mapu z klasickej adresy v Google My maps.

V tomto návode si ukážeme postup pre vytvorenie vlastnej mapy s neobmezedným počtom bodov (adresami) pomocou Google My Maps.

Vytvorenú mapu následne vložíte na web jednoducho.

Služba je zdarma a určite Vám ju odporučím využiť.

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

 

Návod na vytvorenie vlastnej mapy pomocou Google My Maps

 

1. Zaregistrujte sa resp. prihláste sa Vašim Google účtom na stránkach: http://mymaps.google.com .

*Ak účet u Google ešte nemáte, tak si ho zdarma vytvorte.

2. V ľavom hornom rohu kliknite na “Vytvoriť novú mapu“.

 

3. Vyhľadáme si konkrétne adresy a pridáme si ich do našej mapy 🙂
4. U každého bodu (adresy) môžete upraviť Nadpis, Popis, Farbu, Ikonku špendlíku na mape.
5. Ak ste úspešne pridali všetky adresy a chcete mapu verejne zdieľať (napr. na webe vo Webnode), kliknite na “Zdieľať“.
6. U kolonky “Kto má prístup” kliknite na “Zmeniť”.

 

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

7. Vytvorenú mapu si teraz môžete na web vložiť pomocou HTML kódu (iframe). V hornej časti kliknite na tri bodky a zvoľte možnosť “Vložiť na moje 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 vo Webnode pomocou funkcie “+” a “HTML“. *Kód vložte na miesto, kde chcete mapu zobraziť. 

9. Publikujte zmeny. 

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

Pomohol ti tento návod? Pošli ho priateľom 🙂

Viliam

Jednatel vo Webgrow s.r.o.
Baví ma Internet a zvlášť redakčné systémy ako Webnode alebo WordPress s Divi šablónou. Vytvoril som pre Vás portál Wpromotions.eu, aby som Vám pomohol s tvorbou Vašej webovej stránky alebo e-shopu. V prípade potreby ma neváhajte kontaktovať, rád Vám poradím.


Prihláste sa k odberu noviniek zo sveta webových stránok - William Promotions

Hohoho, Merry Christmas! :D

Pripojte sa prosím do môjho newslettra, a už Vám neunikne žiadny návod :) 

Získajte zdarma návody a tipy na tvorbu webu

Ďakujem ti za prihlásenie. Ozvem sa čoskoro s novým návodom :)