---
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 u Divi šablony opravit zobrazování Google mapy
url: https://www.wplama.cz/divi-google-map/
date: 2016-11-28
modified: 2016-11-27
author: Tomáš Cirkl
type: post
categories: [Divi šablona a Elegant Themes]
tags: [Divi, Elegant Themes, google+, kontakt, mapa]
---

Divi šablona a Elegant Themes

# Jak u Divi šablony opravit zobrazování Google mapy

[TC **Tomáš Cirkl**](https://www.wplama.cz/author/tomas/) Publikováno 28. 11. 2016 1 min čtení

Pozor:

Článek je z roku 2016. Některé postupy se mohly změnit.

![divi map eror](https://www.wplama.cz/wp-content/uploads/2016/11/divi-map-eror.png "divi map eror")

Pokud používáte v [Divi šabloně](https://www.wplama.cz/divi-sablona/) modul mapa (případně fullwidth mapa), může se vám stát, že se se **Google mapa** přestane zobrazovat a namísto adresy se zobrazí jen chybová hláška (viz náhledový obrázek článku).

Důvodem je překročení limitu pro volné zobrazení. Oprava je poměrně jednoduchá, stačí si vygenerovat **Google API klíč** a přidat jej do nastavení šablony.

## Jak vygenerovat Google API klíč

1. Nejprve běžte na [tuto stránku](https://developers.google.com/maps/documentation/javascript/get-api-key).

2. Zhruba v 1/3 obsahu je modré tlačítko **GET A KEY**. Klikněte na něj.

[![Get a key tlačítko](https://www.wplama.cz/wp-content/uploads/2016/11/get-a-key-authentication-1024x502.png "Get a key tlačítko")](https://www.wplama.cz/wp-content/uploads/2016/11 / get-a-key-authentication.png)

Get a key tlačítko

3. Zobrazí se pop-up okno, kde si můžete vybrat stávající projekt (pokud jste již někdy nějaký vytvořili) nebo **vytvořit nový projekt**.

[![Vytvoření nebo výběr projektu](https://www.wplama.cz/wp-content/uploads/2016/11/vytvoreni-nebo-vyber-projektu-1024x502.png "Vytvoření nebo výběr projektu")](https://www.wplama.cz/wp-content/uploads/2016/11 / vytvoreni-nebo-vyber-projektu.png)

Vytvoření nebo výběr projektu

(4.) Když vytváříte nový projekt zadejte jeho jméno. Dobré je například využít domény webu, pak to bude unikátní a později snadno poznáte o jaký projekt jde.

[![Jméno projektu](https://www.wplama.cz/wp-content/uploads/2016/11/jmeno-projektu-1024x502.png "Jméno projektu")](https://www.wplama.cz/wp-content/uploads/2016/11 / jmeno-projektu.png)

Jméno projektu

5. Klikněte na **CREATE AND ENABLE API**.

[![Získání klíče](https://www.wplama.cz/wp-content/uploads/2016/11/ziskani-klice-1024x502.png "Získání klíče")](https://www.wplama.cz/wp-content/uploads/2016/11 / ziskani-klice.png)

Získání klíče

6. Zobrazí se stránka informující o vytvoření a obsahující API klíč, který si zkopírujte.

[![Zobrazený klíč](https://www.wplama.cz/wp-content/uploads/2016/11/zobrazeny-klic-1024x502.png "Zobrazený klíč")](https://www.wplama.cz/wp-content/uploads/2016/11 / zobrazeny-klic.png)

Zobrazený klíč

7. Přihlašte se do WordPress, kde chcete Google mapy používat. V levém menu vyberte *Divi -> Nastavení šablony*. Zde najděte položku **Google API Key** a zkopírujte do ni získaný API klíč.

[![Nastavení šablony Divi](https://www.wplama.cz/wp-content/uploads/2016/11/nastaveni-sablony-divi-1024x502.png "Nastavení šablony Divi")](https://www.wplama.cz/wp-content/uploads/2016/11 / nastaveni-sablony-divi.png)

Nastavení šablony Divi

8. Uložte nastavení Divi.

Nyní máte vše nastaveno a Google mapy by se měli na webu zase správně zobrazovat.

- [#Divi](https://www.wplama.cz/stitek/divi/)
- [#Elegant Themes](https://www.wplama.cz/stitek/elegant-themes/)
- [#google+](https://www.wplama.cz/stitek/google/)
- [#kontakt](https://www.wplama.cz/stitek/kontakt/)
- [#mapa](https://www.wplama.cz/stitek/mapa/)

Sdílet

-
- [](mailto:?subject=Jak u Divi šablony opravit zobrazování Google mapy&body=Jak u Divi šablony opravit zobrazování Google mapy https://www.wplama.cz/divi-google-map/)
- [](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.wplama.cz%2Fdivi-google-map%2F)
- [](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.wplama.cz%2Fdivi-google-map%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/divi-google-map/#respond)

R

rostanetek [28. 11. 2016](https://www.wplama.cz/divi-google-map/#comment-47602)

Jen bych upresnil, ze duvodem nemusi byt prekroceni limitu jako takoveho, ale opetovne zavedeni API klice (API key) pro nektere sluzby Googlu jako napr. prave Google Maps.

[Odpovědět](https://www.wplama.cz/divi-google-map/#comment-47602)

---

S

Sylva [11. 1. 2019](https://www.wplama.cz/divi-google-map/#comment-75967)

Dobrý den,
chtěla bych se zeptat k tomu tématu. Dříve mi mapy bez problému fungovaly, teď již u několikátého projektu mám problém, že modul nefunguje, i po přidání klíče, nejde rozjet. Vše dělám jako jindy, respektive podle návodu Elegant Themes (Divi), ale stejně nefunguje. Minule jsem to vyřešila, mapou obrázkem s přímým přesměrováním na google maps, ale teď bych potřebovala použít připínáčky a na to byl tenhle modul dobrý. Nemáte zkušenost, kde by mohl být problém? Třeba nějaký plugin, který to blokuje, nebo něco?
Děkuji předem za odezvu.
Benešová

[Odpovědět](https://www.wplama.cz/divi-google-map/#comment-75967)

TC

Tomáš Cirkl WPlama [11. 1. 2019](https://www.wplama.cz/divi-google-map/#comment-75969)

Zdravím,
bohužel nevím, jak to tam vkládáte, ale já jsem to po změně Google Maps podmínek dával už několikrát a vždy mi to šlo. Zkuste kouknout do konzole, co to píše za chybu.

[Odpovědět](https://www.wplama.cz/divi-google-map/#comment-75969)

---

---

G

Georgin [2. 1. 2020](https://www.wplama.cz/divi-google-map/#comment-98494)

Tak mám problém se zprovozněním Google Maps pomocí API, v konzoli mi to nic nehlásí. API klíč jsem vložil, ale nejde mi nastavit požadovanou oblast a když zadám místo do pole přípínačku a dám hledat, tak mi vyskočí hláška: „Geocode nebyl úspěšný z následujícího důvodu: REQUEST_DENIED“. Nevíte prosím, co by tam mohlo být za problém?

[Odpovědět](https://www.wplama.cz/divi-google-map/#comment-98494)

TC

Tomáš Cirkl WPlama [3. 1. 2020](https://www.wplama.cz/divi-google-map/#comment-98547)

Tady jsou sepsány body, co by to mohlo způsobit: [https://developers.google.com/places/web-service/faq#why_do_i_keep_receiving_status_request_denied](https://developers.google.com/places/web-service/faq#why_do_i_keep_receiving_status_request_denied)

[Odpovědět](https://www.wplama.cz/divi-google-map/#comment-98547)

---

---

### Přidat komentář [Zrušit odpověď](https://www.wplama.cz/divi-google-map/#respond)

[← Předchozí článek Black Friday 2016 ve světě WordPress](https://www.wplama.cz/black-friday-2016/) [Další článek → Kapitola 9 – Svoboda nula](https://www.wplama.cz/kapitola-9-svoboda-nula/)

Související

## Mohlo by vás zajímat

[Všechny články z rubriky Divi šablona a Elegant Themes →](https://www.wplama.cz/wordpress/divi-elegant-themes/)

![kombinovatelne nastaveni](https://www.wplama.cz/wp-content/uploads/2026/04/kombinovatelne-nastaveni.png "kombinovatelne nastaveni")

Divi šablona a Elegant Themes

### [Divi 5: Kombinovatelné nastavení](https://www.wplama.cz/divi-5-kombinovatelne-nastaveni/)

13. 4. 2026 2 min čtení

---

![command center](https://www.wplama.cz/wp-content/uploads/2026/03/command-center.png "command center")

Divi šablona a Elegant Themes

### [Divi 5: Command Center](https://www.wplama.cz/divi-5-command-center/)

7. 4. 2026 4 min čtení

---

![spekulativni prerendering](https://www.wplama.cz/wp-content/uploads/2026/03/spekulativni-prerendering.png "spekulativni prerendering")

Divi šablona a Elegant Themes

### [Divi 5: Spekulativní prerendering](https://www.wplama.cz/divi-5-spekulativni-prerendering/)

30. 3. 2026 3 min čtení

---