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“.
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 propojit www stránky se sociální sítí Instagram?
Instagram a Webnode Instagram Feed widget - zdarma VS premium Instagram Feed widget - vyberte si ten správný typ NÁVOD: Jak propojit Instagram s webem ve Webnode? Instagram Feed widget - ukázka Pár slov na závěr Instagram Feed widget - Časté dotazy (FAQ)Instagram a...
Tvorba webu ve Webnode s pomocí umělé inteligence (AI).
Webové stránky s Webnode a umělou inteligencí (AI) Výhody tvorby webu pomocí použití umělé inteligence NÁVOD: Jak vytvořit web ve Webnode pomocí umělé inteligence? Migrace webové stránky k Webnode pomocí AI Uživatelské zkušenosti s tvorbou webu pomocí AI od Webnode...
Google Business Sites končí. Webnode je rychlá a jednoduchá alternativa!
Google Business Sites končí Google Business Sites - alternativy Webnode jako alternativa k Google Business Sites Webnode AI migration tool Pár slov na závěr Webnode jako alternativa k Google Business Sites - Časté dotazy (FAQ)Google Business Sites končíPokud jste se...
Jak přidat recenze z Facebook na web ve Webnode?
Facebook Recenze ve Webnode Facebook Recenze - zdarma VS premium Facebook Recenze - vyberte si ten správný typ Facebook Recenze widget a Webnode e-shop/web NÁVOD: Jak přidat recenze z Facebook na web ve Webnode? Pár slov na závěr Facebook Recenze HTML Widget - Časté...
Jak přidat vyskakovací okno (POP-UP) ve Webnode? ZDARMA!
Vyskakovací (pop-up) okno v Webnode Vyskakovací (pop-up) okno – zdarma VS prémiové Vyskakovací (pop-up) okno - vyberte si ten správný typ Vyskakovací okno (pop-up) a Webnode e-shop/web Vyskakovací okno (pop-up) – mobil/tablet NÁVOD: Jak přidat vyskakovací okno v...
Jak přidat recenze z Google na web ve Webnode?
Google Recenze ve Webnode Google Recenze - zdarma VS premium Google Recenze - vyberte si ten správny typ Google Recenze widget ve Webnode e-shop/web NÁVOD: Jak přidat Vaše recenze z Google na Váš web ve Webnode? Pár slov na závěr Google Recenze HTML Widget - Časté...
Úspěšný firemní web – návod, výhody, povinnosti a tipy!
Jak jsme psali v článku Webnode recenze, Webnode editor je vhodný pro širokou škálu uživatelů. Nedávno jsme si ukázali, že jednoduchost a uživatelskou přívětivost tohoto online editoru ocení například i snoubenci, a to při tvorbě svatebního webu. Webnode je skvělou...
Jak přidat certifikát „Ověřeno zákazníky“ ve Webnode?
O nástroji pro tvorbu webu Webnode jsme naposledy psali ve Webnode recenzi. V novince 5 nových funkcí NOVÉHO Prémiového balíčku Business – Webnode pro e-shopy jsme Vám ukázali, jaké funkce jsou součástí nejvyššího Prémiového balíčku. Majitelé eshopů připravte se! Dnes...
Jak ve Webnode přidat vyskakovací okno pro ověření věku? (18+)
Vyskakovací okno ve Webnode Vyskakovací okno zdarma vs placená verze Vyskakovací okno šablony Vyskakovací okno a Webnode e-shop Jak ve Webnode přidat vyskakovací okno? Závěr Vyskakovací okno - Časté dotazy (FAQ)Vyskakovací okno ve WebnodeChtěli byste na Vaše webové...
Líbil se ti tento návod? Pošli ho přátelům 🙂
- Jak si založit Webnode e-shop v roce 2025? - 5.1.2025
- Webnode Recenze - 1.1.2025
- Jak propojit www stránky se sociální sítí Instagram? - 29.4.2024