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