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 přidat FAQ záložky na web ve Webnode?
Chtěli byste si na webové stránky ve Webnode přidat FAQ ?V návodu Jak zobrazit a skrýt text po kliknutí na tlačítko "Více textu"? jsem Vám ukázal jednoduchý způsob jak na webu skrýt text. V tomto návodu si ukážeme, jak je možné pomocí mého kódu vytvořit na webu...
Jak vytvořit jednoduchý vizitkový web?
Jak vytvořit jednoduchý vizitkový web? (scroll-ovací web)Co je to vizitkový web? Vizitkový web je jednoduchý web, který stručně a jasně představuje Vaše služby, či produkty. Je to jednoduchá webová stránka, která slouží pro získání základních informací o Vaší firmě....
Jak si vytvořit vlastní patičku ve Webnode?
Chtěli byste na web / e-shop přidat vlastní patičku (footer) ve Webnode?Chtěli byste si na webové stránky, či e-shop ve Webnode přidat přesměrování resp. odkaz na Vaše obchodní podmínky & GDPR do patičky? S mým jednoduchým návodem to určitě zvládnete. Stačí se...
Jak skrýt kategorii “všechny produkty” ve výpisu produktů v e-shopu od Webnode?
Jak na webu ve Webnode skrýt kategorii "Všechny produkty" ve výpisu produtků?V návodu Jak ve Webnode skrýt košík v eshopu? a Jak ve Webnode skrýt datum zveřejnění článku? jsme si ukázali jak jednoduše je možné ve Webnode něco "skrýt". V tomto článku se dozvíte, jak...
Jak ve Webnode skrýt datum zveřejnění článku?
Jak na webe ve Webnode skryť datum zveřejnění článku??V návodu Jak ve Webnode skrýt košík v eshopu? jsme si ukázali jak jednoduše je možné ve Webnode něco "skrýt". V tomto návodu se dozvíte, jak jednoduše můžete ve Webnode, odstranit datum z článku ve Vašem blogu....
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 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ý...
Jak propojit Google Tag Manager s webem od Webnode?
Co je to Google Tag Manager?Internetový (online) marketing vyžaduje vkládání různých měřících kódů na Váš web či e-shop. Abyste nemuseli vkládat každý měřící kód "ručně" do hlavičky, či patičky webu můžete použít službu Google Tag Manager, která Vám umožní vložit na...
Jak skrýt nákupní košík v e-shopu Webnode?
Jak skrýt nákupní košík v e-shopu Webnode?Máte u společnosti Webnode vytvořený e-shop a chtěli byste skrýt nákupní košík v menu a tlačítko "Přidat do košíku", abyste mohli využívat e-shopové prvky jako např. přidávání produktů, avšak nechcete využívat e-shop jako...
Líbil se ti tento návod? Pošli ho přátelům 🙂
- Jak propojit www stránky se sociální sítí Instagram? - 29.4.2024
- Jak přidat vyskakovací okno (POP-UP) ve Webnode? ZDARMA! - 17.11.2023
- Jak přidat recenze z Google na web ve Webnode? - 15.10.2023