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 vytvořit kotvu
Videonávod Kotva funguje jako odkaz uvnitř jedné stránky. Přes odkaz si tedy nezobrazíte jinou stránku (web), ale dostanete se na jiné místo na stránce, kterou právě sledujete. Tvorba kotvy (záložky) se rozděluje na dvě části: 1. Nejprve vytvoříte záložku, takže...
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