--- site_name: WPlama site_description: "Správa, opravy a vývoj WordPress webů a e-shopů" site_url: https://www.wplama.cz contact_email: info@wplama.cz title: Jak na stránku vložit mapu z Google Maps bez API klíče url: https://www.wplama.cz/google-maps-bez-api-klice/ date: 2019-04-29 modified: 2019-04-17 author: Tomáš Cirkl type: post categories: [Ostatní] tags: [google+, Maps, mapy] --- Ostatní # Jak na stránku vložit mapu z Google Maps bez API klíče [TC **Tomáš Cirkl**](https://www.wplama.cz/author/tomas/) Publikováno 29. 4. 2019 2 min čtení Pozor: Článek je z roku 2019. Některé postupy se mohly změnit. ![ruce a mapa](https://www.wplama.cz/wp-content/uploads/2018/09/ruce-a-mapa.jpg "ruce a mapa") Od té doby, co Google změnil podmínky pro použití Google Maps, tak je pro některé klienty lepší namísto získávání Google Maps API klíče, jen vložit do stránek mapu přes možnost Sdílet. Tato funkce funguje spolehlivě a nikdy se nezobrazuje hláška „Jejda něco se nepovedlo“. Nevýhodou ovšem je, že přes Sdílet vložíte do stránek jen jeden bod, což ovšem dost často stačí. ## Jak vložit do stránek iframe z Google Maps Nejprve běžte na stránky [Mapy Google](https://www.google.com/maps/) a do vyhledávání zadejte adresu místa, které chcete do webu vložit. Jakmile najdete místo, tak v levém panelu je pod adresou umístěno několik ikonek, klikněte na tu *Sdílet*. [![Sdílet Google Mapy](https://www.wplama.cz/wp-content/uploads/2019/04/sdilet-google-mapy-1024x495.png "Sdílet Google Mapy")](https://www.wplama.cz/wp-content/uploads/2019/04 / sdilet-google-mapy.png) Sdílet Google Mapy Zobrazí se vyskakovací okno, kde je druhá záložka Vložení mapy. [![Vložení mapy](https://www.wplama.cz/wp-content/uploads/2019/04/vlozeni-mapy-1024x469.png "Vložení mapy")](https://www.wplama.cz/wp-content/uploads/2019/04 / vlozeni-mapy.png) Vložení mapy Dostanete se na výběr velikosti mapy, kterou můžete pomocí iframe vložit do webu. Vyberte požadovanou velikost, případně zadejte vlastní rozměry a klikněte na odkaz *Kopírovat HTML*. [![Kopírovat HTML](https://www.wplama.cz/wp-content/uploads/2019/04/kopirovat-html-1024x469.png "Kopírovat HTML")](https://www.wplama.cz/wp-content/uploads/2019/04 / kopirovat-html.png) Kopírovat HTML Nyní běžte do svých stránek, kam chcete vložit mapu (stránka, widget…) a vložte ji tam. Pokud vkládáte mapu přes klasický editor, nezapomeňte si ji přepnout do HTML, v případě Gutenbergu vyberte blok *Vlastní HTML*. [![Vložení mapy do webu](https://www.wplama.cz/wp-content/uploads/2019/04/vlozeni-mapy-do-webu-1024x469.png "Vložení mapy do webu")](https://www.wplama.cz/wp-content/uploads/2019/04 / vlozeni-mapy-do-webu.png) Vložení mapy do webu **Na vložené mapě je ještě potřeba upravit parametr width, aby byla mapa responzivní. Vložte zde „100%“.** Výšku mapy můžete také upravit přes parametr height, ale zde klidně můžete ponechat parametry v px. [![Úprava parametru width](https://www.wplama.cz/wp-content/uploads/2019/04/uprava-parametru-width-1024x469.png "Úprava parametru width")](https://www.wplama.cz/wp-content/uploads/2019/04 / uprava-parametru-width.png) Úprava parametru width Vše uložte a máte hotovo. [![Vložená Google mapa](https://www.wplama.cz/wp-content/uploads/2019/04/vlozena-google-mapa-1024x469.png "Vložená Google mapa")](https://www.wplama.cz/wp-content/uploads/2019/04 / vlozena-google-mapa.png) Vložená Google mapa - [#google+](https://www.wplama.cz/stitek/google/) - [#Maps](https://www.wplama.cz/stitek/maps/) - [#mapy](https://www.wplama.cz/stitek/mapy/) Sdílet - - [](mailto:?subject=Jak na stránku vložit mapu z Google Maps bez API klíče&body=Jak na stránku vložit mapu z Google Maps bez API klíče https://www.wplama.cz/google-maps-bez-api-klice/) - [](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.wplama.cz%2Fgoogle-maps-bez-api-klice%2F) - [](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.wplama.cz%2Fgoogle-maps-bez-api-klice%2F) TC Autor Tomáš Cirkl Baví mě Internet a zvláště pak redakční systém WordPress. Jsem pravidelným účastníkem a přednášejícím na Word Camp Praha a WordPress konferencích. 1 030 článků [Všechny články autora →](https://www.wplama.cz/author/tomas/) ## Komentáře (5) [Přidat komentář →](https://www.wplama.cz/google-maps-bez-api-klice/#respond) P Patrik [29. 4. 2019](https://www.wplama.cz/google-maps-bez-api-klice/#comment-78789) Dobrý den, funguje tento způsob vložení mapy i do šablony DIVI? Tato šablona podporuje vložení mapy ve svém builderu pouze prostřednictvím API klíče. Přesto že jsem jej dle návodu k tomuto postupu dostupném na internetu opakovaně vkládal, nepodařilo se mi ani tímto API postupem mapu na web šablony DIVI vložit. Stále to hlásilo, že API klíč je neplatný. Děkuji za odpověď. [Odpovědět](https://www.wplama.cz/google-maps-bez-api-klice/#comment-78789) TC Tomáš Cirkl WPlama [29. 4. 2019](https://www.wplama.cz/google-maps-bez-api-klice/#comment-78790) Zdravím, ano, funguje. Vložte to přes modul Kód. [Odpovědět](https://www.wplama.cz/google-maps-bez-api-klice/#comment-78790) --- --- A Albert [29. 4. 2019](https://www.wplama.cz/google-maps-bez-api-klice/#comment-78793) Dobrý den, jak to vypadá z pohledu rychlosti vs. API? Jaká varianta je nejrychlejší? Díky. [Odpovědět](https://www.wplama.cz/google-maps-bez-api-klice/#comment-78793) TC Tomáš Cirkl WPlama [29. 4. 2019](https://www.wplama.cz/google-maps-bez-api-klice/#comment-78794) Zdravím, API bude rychlejší. [Odpovědět](https://www.wplama.cz/google-maps-bez-api-klice/#comment-78794) --- --- JP Jan P. [29. 4. 2019](https://www.wplama.cz/google-maps-bez-api-klice/#comment-78797) Já bych uvítal návod, jak právě vkládat více bodů i s hledáním těch bodů. 🙂 [Odpovědět](https://www.wplama.cz/google-maps-bez-api-klice/#comment-78797) --- ### Přidat komentář [Zrušit odpověď](https://www.wplama.cz/google-maps-bez-api-klice/#respond) [← Předchozí článek Divi 3.22: Nové možnosti ovládání odsazení a velikosti](https://www.wplama.cz/divi-3-22-nove-moznosti-ovladani-odsazeni-a-velikosti/) [Další článek → Jak vložit mapu ze služby Mapy.cz do stránek](https://www.wplama.cz/vlozeni-mapy-cz/) Související ## Mohlo by vás zajímat [Všechny články z rubriky Ostatní →](https://www.wplama.cz/wordpress/ostatni/) ![black friday wplama](https://www.wplama.cz/wp-content/uploads/2025/11/black-friday-wplama.png "black friday wplama") Ostatní ### [WordPress Black Friday 2025: Kupóny na slevy pluginů, šablon i služeb](https://www.wplama.cz/wordpress-black-friday/) 19. 11. 2025 6 min čtení --- ![black friday wplama](https://www.wplama.cz/wp-content/uploads/2025/11/black-friday-wplama.png "black friday wplama") Ostatní ### [BLACK FRIDAY SLEVA – 20 % na správu WordPress webu](https://www.wplama.cz/black-friday-sleva-20-na-spravu-wordpress-webu/) 18. 11. 2025 1 min čtení --- ![sureforms recenze pluginu scaled](https://www.wplama.cz/wp-content/uploads/2025/05/sureforms-recenze-pluginu-scaled.png "sureforms recenze pluginu scaled") Ostatní ### [SureForms – moderní plugin nejen pro tvorbu kontaktních formulářů ve WordPress](https://www.wplama.cz/sureforms-wordpress-kontaktni-formular/) 19. 5. 2025 12 min čtení ---