Je třeba vymyslet, jak přidat Google Mapy na WordPress s JetElements?
Existuje spousta pluginů, které můžete použít k přidání Google Mapy pro vás webové stránky WordPress. JetElements je jedna. JetElements je doplněk Elementor prémiový vyvinutý společností Crocoblock. Přidává několik dalších widgetů Elementor, včetně pokročilé mapy, kterou můžete snadno přidat Google Mapy na váš web WordPress.
Můžete vybrat 10 stylů mapy. Můžete také přidat více kolíků.
V tomto článku si ukážeme, jak widget používat Pokročilá mapa přidat Mapy Google do svého webové stránky WordPress.
Než začnete, ujistěte se, že jste nainstalovali Elementor a JetEements na vašem WordPress. Můžete použít bezplatnou verziElementor používat JetElements. Zatímco pro JetElements, musíte jej získat na jeho oficiální webové stránky za 19 dolarů.
Krok 1: Získejte Google Maps API Key
Než budete moci přidat Mapy Google do svého Webové stránky pomocí JetElements, musíte získat API klíč k integraci JetElements s Google Maps. Rozhraní API můžete získat prostřednictvím konzole Google API. Takže návštěva Konzole Google API a přihlaste se pomocí svého účtu Google.
Po přihlášení vytvořte nový projekt kliknutím na rozbalovací nabídku v horní části a klikněte na NOVÝ PROJEKT.
Pojmenujte svůj projekt a klikněte na tlačítko CREATE.
Z rozbalovací nabídky vyberte svůj nový projekt a klikněte Knihovna na levém panelu.
JetElements neposkytuje žádné podrobné informace o rozhraních API, která musíte povolit, aby widget fungoval. Pokročilá mapa. Podle našich zkušeností byste měli povolit alespoň následující API:
- Geokódovací API
- Mapy JavaScript API
Google sám rozděluje Google Maps API do 17 typů. Můžete je zobrazit kliknutím UKÁZAT VŠE v oddíle Cartes.
Pro aktivaci API vyberte API, které chcete aktivovat (kliknutím na něj) a klikněte na tlačítko AKTIVOVAT.
Jakmile dokončíte povolení požadovaných rozhraní API, vraťte se na hlavní panel konzoly Google API a klikněte identifikátory na levém panelu. Klikněte na tlačítko Vytvořte přihlašovací údaje a vyberte Klíč API. Zkopírujte klíč API do vyskakovacího okna, které se objeví.
Dále se přihlaste do svého řídicího panelu WordPress a přejděte do nabídky JetPlugins – > JetElements Nastavení.
Otevřete kartu integrace a vložte klíč API, který jste právě zkopírovali, do pole Google Map API klíč.
Začněte přidávat kartu
Jakmile jsou JetElements a Google Maps integrovány, můžete začít přidávat mapu. Chcete-li to provést, otevřete stránku, kam chcete přidat mapu v Elementor. V editoru Elementor přetáhněte widget Advanced Map do oblasti úprav.
Můžete přejít na levý panel a upravit některá nastavení na mapě. Nastavení můžete provést ze sekce Nastavení mapy.
Chcete-li změnit styl mapy, můžete sekci otevřít Styl mapy.
Přidejte svou polohu na mapu
Ve výchozím nastavení je špendlíková adresa nastavena na London Eye, Londýn, Spojené království. Můžete jej upravit a přidat adresu své firmy.
Chcete-li to provést, otevřete sekci Pins a klikněte na existující špendlíkovou adresu. Do pole vložte adresu své firmy Adresa PIN a upravte popis v poli Popis kolíku.
Chcete-li, aby byla adresa špendlíku, kterou jste právě nastavili, viditelná na mapě, musíte nastavit střed mapy. Pokud je například vaše firma v Paříži, nastavili byste střed mapy na Paříž.
Chcete-li definovat střed mapy, otevřete sekci Nastavení mapy znovu zadejte preferované centrum mapy (název města).
Poznámka: Pokud se při přidávání karty zobrazí zpráva „Pouze pro účely vývoje“, nezapomeňte povolit fakturaci Google Cloud. Nové zásady společnosti Google vyžadují, aby vývojáři aktivovali fakturační účet (rozhraní Google Maps API můžete stále používat zdarma).
Získejte Elementor Pro nyní!!!
Proč investovat do čističky vzduchu?
Tak ! To je vše pro tento článek, který vám ukáže, jak přidat Mapy Google do WordPress pomocí JetElements. Pokud máte nějaké obavy, jak se tam dostat, dejte jim vědět v commentaires.
Můžete však také konzultovat naše zdroje, pokud potřebujete více prvků k realizaci vašich projektů vytváření internetových stránek, nahlédněte do našeho průvodce na internetu Vytvoření blogu WordPress nebo ten, který je zapnutý Divi: nejlepší téma WordPress všech dob.
Mezitím sdílejte tento článek na různých sociálních sítích.
...
