Ako na Vaše webové stránky vložiť mapu od Mapy.cz?

V návodoch Ako správne nastaviť Google Mapu vo Webnode? a Ako si vytvoriť mapu s vlastnými bodmi (špendlíky na mape)? sme si ukázali jednoduché riešenie pre pridanie mapy na web cez služby Google.

V tomto návode sa chcem zamerať na vloženie mapy od českej spoločnosti Seznam.cz – Mapy.cz

Mapy.cz je skvelá služba, z Česka, ktorú používajú tisícky ľudí.

Ja osobne tiež Mapy.cz využívam na mojich potulkách na bicykli 😀 – oceňujem, že Mapy.cz nezabúda na cyklistov a majú perfektne spracované cyklotrasy.

Mobilná applikácia Mapy.cz mi vyhovuje v offline režime, nakoľko nemusím mať ani zapnuté mobilné dáta 🙂

Návod: Ako si mapu z Mapy.cz vložiť na web vo Webnode?

  1. Prejdite na web Mapy.cz a vyhľadajte si Vašu adresu resp. adresu, ktorú chcete zobraziť na vašom webe.

2. Po vyhľadaní adresy kliknite na “Zdieľať

3. Prekliknite sa na možnosť “Vložiť mapu do vlastných webových stránok“, upravte prípadne veľkosť mapy, a zvoľte možnosť “Kopírovať kód“.

4. Prihláste sa do Webnode a HTML kód Vašej mapy z Mapy.cz vložte na Vaše webové stránky vo Webnode pomocou tlačítka “+” a “HTML“.

Kód mapy vložte na miesto na webe kde chcete, aby sa mapa zobrazila 🙂

TIP: Ak v kóde mapy zmeníte hodnotu “width:” na 100%, tak mapa sa zobrazí na každom zariadení na celú šírku webu.

5. Výborne – HTML kód mapy ste v poriadku vložili na Váš web. Zmenu publikujte.

Gratulujem k vloženiu mapy z Mapy.cz na Váš web.

Dúfam, že sa Vám to podarilo bez akýchkoľvek problémov a pevne verím, že všetko funguje 🙂

Napíšte mi, prosím, do komentára, či Vám všetko funguje – budem rád za akúkoľvek spätnú väzbu.

Ukážka mapy z Mapy.cz: (moje rodné mestečko <3)

Ďalšie skvelé návody

Script pre SK/CZ meniny

Script pre SK/CZ meniny

Potrebujete na Vaše webové stránky vložiť HTML kód, ktorý zobrazí aktuálny deň a meniny?   Niektorí z nižšie uvedených kódov môžete na webové stránky u Webnode vložiť pomocou funkcie HTML.  Kód vložte na biele pozadie.  SK meniny CZ svátek TIP: Ak...

Script na presmerovanie (redirect)

Script na presmerovanie (redirect)

Hľadáte spôsob ako návštevníka Vašej webstránky automaticky presmerovať na inú webstránku? (URL adresu)   Upravte nižšie uvedený HTML kód a to nasledovne: 1. V kóde upravte hodnotu URL. Namiesto URL vložte do kódu adresu na ktorú chcete návštevníka presmerovať...

Script na odpočet času

Script na odpočet času

Odpočet času v systéme WebnodePotrebujete na webové stránky pridať HTML kód odpočítavania času? Plánujete svadbu, oslavu alebo otvorenie novej reštaurácie a chcete všetkých držať v napätí? Žiadny problém.1. Použite script na odpočet času:xxx xxx Na riadku č. 1 môžete...

Skript na zablokovanie pravého kliku

Skript na zablokovanie pravého kliku

Chcete zabrániť kopírovaniu obsahu z Vašich webových stránok? Tento HTML kód umožní na Vašich stránkach zablokovať návštevníkom pravý klik myši a tým zabrániť kopírovaniu textu. Klávesovú skratku (ctrl+c + ctrl+v) to síce neobmedzí, ale mohlo by to prípadného...

Ako prepojiť Google Kalendár s webom?

Ako prepojiť Google Kalendár s webom?

Google Kalendár - výborná pomoc pre organizáciu času Google Kalendár je webová aplikácia pre organizáciu Vášho času. V tomto návode sa dozviete ako vložiť Google Kalendár na webové stránky od spoločnosti Webnode. 1. Prvý krok je vytvorenie účtu u Google - tu. 2. V...

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

Viliam
Follow me