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

Ako na web pridať padajúce konfety?

Ako na web pridať padajúce konfety?

Ako na webové stránky vo Webnode pridať animáciu - padajúce konfety?Do mojej Webnode poradne prišla otázka, či je možné na webe vo Webnode pridať animáciu padajúcich konfet. Áno je to možné - pre všetkých, ktorí hľadajú "padajúce konfety na web" som pripravil kód,...

Ako vo Webnode skryť košík v eshope?

Ako vo Webnode skryť košík v eshope?

Ako vo Webnode e-shope skryť nákupný košík?Máte u spoločnosti Webnode vytvorený e-shop a chceli by ste skryť nákupný košík v menu a tlačítko "Pridať do košíku", aby ste mohli využívať e-shopové prvky ako napr. pridávanie produktov, avšak nechcete využívať e-shop ako...

Ako na web vo Webnode vložiť anketu?

Ako na web vo Webnode vložiť anketu?

Chcete na webové stránky vo Webnode vložiť anketu?Online dotazník zdarma (anketa na web) je jeden z najčastejších spôsobov ako dostať od návštevníkov webu spätnú väzbu. Bez spätnej väzby je ťažké posúdiť, či na svojich zákazníkov pôsobíte správne a či má vôbec Vaše...

Ako pridať obrázok GIF vo Webnode?

Ako pridať obrázok GIF vo Webnode?

Chcete na web vo Webnode vložiť GIF obrázok? Systém Webnode nepovoľuje gify, keď ich vložíte ako obrázok. Z tohto dôvodu musíte najprv požadovaný .GIF obrázok nahrať na externú stránku a získať tak URL adresu obrázku. Získanú URL adresu vložíte do kódu a HTML kód...

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