Ostatní

Jak na stránku vložit mapu z Google Maps bez API klíče

ruce a mapa
Autor příspěvku Tomáš Cirkl

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 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

Sdílet Google Mapy

Zobrazí se vyskakovací okno, kde je druhá záložka Vložení mapy.

Vložení mapy

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

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

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

Úprava parametru width

Vše uložte a máte hotovo.

Vložená Google mapa

Vložená Google mapa

O autorovi

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 WordCamp Praha a WordPress konferencích.

5 komentářů

  • 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ěď.

  • Dobrý den,

    jak to vypadá z pohledu rychlosti vs. API? Jaká varianta je nejrychlejší?

    Díky.

Zanechat komentář

Získejte více informací o WordPress!

Připojte se do našeho emailového seznamu a nenechte si ujít informace, novinky a návody ze světa WordPressu.

Úspěšně jste se zapsali do našeho newsletteru. Děkujeme!