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.
Zobrazí se vyskakovací okno, kde je druhá záložka 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.
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.
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.
Vše uložte a máte hotovo.
Komentáře (5)
Přidat komentář →Patrik
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ěď.
Tomáš Cirkl WPlama
Zdravím,
ano, funguje. Vložte to přes modul Kód.
Albert
Dobrý den,
jak to vypadá z pohledu rychlosti vs. API? Jaká varianta je nejrychlejší?
Díky.
Tomáš Cirkl WPlama
Zdravím,
API bude rychlejší.
Jan P.
Já bych uvítal návod, jak právě vkládat více bodů i s hledáním těch bodů. 🙂