ruce a mapa

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

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

Neuteklo vám něco?

Pokrok a WordPress na nikoho nečekají, tak nám tu raději nechte email, ať o nic nepřijdete!

Nespamujeme! Další informace naleznete v našich zásadách ochrany osobních údajů.

Správa WordPress webu

Nemusíte na to být sami. Pomůžeme vám s pravidelnou údržbou i novými vylepšeními.

Více informací

5 názorů na “Jak na stránku vložit mapu z Google Maps bez API klíče”

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

  2. Dobrý den,

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

    Díky.

  3. Já bych uvítal návod, jak právě vkládat více bodů i s hledáním těch bodů. 🙂

Diskuze

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *

Nákupní košík
Přejít nahoru