Chtěli byste zjistit, jak vytvořit mapu s více kolíky pomocí Jet Elements?
Prvky trysky nabízí widget s názvem Pokročilá mapa. Na rozdíl od widgetu Google Nativní mapyElementor který podporuje pouze jedno umístění, Jet Elements Advanced Map Widget umožňuje vytvořit mapu s více piny.
Chcete-li použít tento widget, musíte nejprve integrovat Jet Elements s Google Mapy pomocí klíče API.
Jet Elements Advanced Map Widget je docela užitečný, pokud máte firmu s více pobočkami ve městě a chcete vytvořit mapu, která ukazuje umístění vašich poboček. Tento widget je také užitečný pro vytvoření něčeho jako mapy turistických atrakcí ve městě.
Zde je návod, jak tento widget používat.
Krok 1: Integrujte JetElements s Google Maps
Jak již bylo zmíněno, potřebujete API klíč Google Mapy pro integraci Jet Elements s Google Maps. Klíč API můžete získat prostřednictvím konzole Google API.
Tak navštivte Konzole Google API a přihlaste se pomocí svého účtu Google. Pokud ještě nemáte projekt, vytvořte nový kliknutím na rozbalovací nabídku v horní části a klikněte NOVÝ PROJEKT ve vyskakovacím okně, které se objeví.
Pojmenujte svůj projekt a klikněte na tlačítko CREATE .
Po vytvoření nového projektu jej vyberte z rozbalovací nabídky v horní části panelu konzoly Google API a poté klikněte na Knihovna na levém panelu.
Google rozděluje Google Maps API do 17 typů. Abyste mohli používat tento widget, musíte povolit rozhraní API vyžadovaná widgetem Jet Elements Advanced Map Widget. Crocoblock, vývojář Jet Elements, neposkytuje žádné podrobné informace o požadovaných API. Na základě našich zkušeností jsme povolili následující API:
- Pokyny API
- Geokódovací API
- Mapy JavaScript API
- API sedadla
Můžete kliknout na odkaz UKÁZAT VŠE v sekci Cartes vidět je všechny.
Pro aktivaci API vyberte příslušné API (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 na JetPlugins – > Nastavení JetElements.
Klikněte na záložku integrace a vložte svůj klíč API do pole Klíč Google Maps API v oddíle Mapy Google. Aktivujte možnost Samostatný Geocoding API Key a vložte stejný kód Klíč API pro geokódování.
Krok 2: Vytvořte mapu
Jakmile jsou Jet Elements a Google Maps úspěšně integrovány, můžete začít vytvářet mapu. Chcete-li to provést, vytvořte novou stránku (Stránky – > Přidat) nebo nový článek (Položky – > Přidat) a upravte jej pomocí Elementor.
V editoru Elementor, než začnete, nastavte rozvržení. Chcete-li to provést, otevřete panel Nastavení stránky kliknutím na ikonu ozubeného kola v levém dolním rohu. Vyberte rozvržení z rozbalovací nabídky pod možností Obecná nastavení.
Přidejte novou sekci kliknutím na ikonu plus v editačním poli Elementor a přetáhněte widget Advanced Map na plátno.
Nastavte střed mapy na své město (nebo jakýkoli region v závislosti na mapě, kterou chcete vytvořit). Nastavte také počáteční přiblížení.
otevřeno Mapy Google a najděte první místo, které chcete přidat do mapy, a zkopírujte jeho adresu.
Vraťte se do editoru Elementor a otevřete sekci Pins. Klikněte na stávající umístění a nahraďte adresu adresou, kterou jste právě zkopírovali. Přidejte také popis umístění na pole Popis kolíku.
Klikněte na tlačítko PŘIDEJTE PRVEK umístěn o něco níže pro přidání další adresy.
Chcete-li změnit styl mapy a také výšku, můžete sekci otevřít Styl mapy.
POZNÁMKA: Pokud se mapa nenačte po přetažení widgetu Pokročilá mapa v editoru Elementor a zobrazí se zpráva „Pouze pro účely vývoje“, nezapomeňte povolit fakturaci Google mrak. Nové zásady společnosti Google vyžadují, aby vývojáři aktivovali fakturační účet.
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 vytvořit mapu s více kolíky pomocí Jet Elements. 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.
...
