Treba vymyslieť, ako pridať Google Mapy na WordPress s JetElements?
Existuje množstvo doplnkov, ktoré môžete použiť na pridanie Google Mapy pre vás webové stránky WordPress. JetElements je jedna. JetElements je doplnok Elementor prémiové vyvinuté spoločnosťou Crocoblock. Pridá vám niekoľko ďalších miniaplikácií Elementorvrátane rozšírenej mapy, ktorú môžete použiť na jednoduché pridávanie Google Mapy na váš web WordPress.
Môžete si vybrať 10 štýlov mapy. Môžete pridať aj viacero špendlíkov.
V tomto článku vám ukážeme, ako používať widget Rozšírená mapa pridať Mapy Google do svojho webové stránky WordPress.
Skôr ako začnete, uistite sa, že ste nainštalovali Elementor a JetEements na vašom WordPress. Môžete použiť bezplatnú verziuElementor používať JetElements. Zatiaľ čo pre JetElements, musíte ho získať na jeho oficiálna web stránka za 19 dolárov.
Krok 1: Získajte kľúč API pre Mapy Google
Skôr ako budete môcť pridať Mapy Google do svojho webové stránky pomocou JetElements, musíte získať API kľúč na integráciu JetElements s Google Maps. Rozhranie API môžete získať prostredníctvom konzoly Google API. Takže navštívte Konzola Google API a prihláste sa pomocou svojho účtu Google.
Po prihlásení vytvorte nový projekt kliknutím na rozbaľovaciu ponuku v hornej časti a kliknite na NOVÝ PROJEKT.
Pomenujte svoj projekt a kliknite na tlačidlo CREATE.
Z rozbaľovacej ponuky vyberte svoj nový projekt a kliknite knižnica na ľavom paneli.
JetElements neposkytuje žiadne podrobné informácie o rozhraniach API, ktoré musíte povoliť, aby widget fungoval. Rozšírená mapa. Podľa našich skúseností by ste mali povoliť aspoň nasledujúce rozhrania API:
- Geokódovacie API
- Mapy JavaScript API
Samotný Google rozdeľuje Google Maps API na 17 typov. Môžete si ich pozrieť kliknutím UKÁZAŤ VŠETKO v oddiele Cartes.
Ak chcete aktivovať API, vyberte API, ktoré chcete aktivovať (kliknutím naň) a kliknite na tlačidlo AKTIVOVAŤ.
Po dokončení aktivácie požadovaných rozhraní API sa vráťte na hlavný panel konzoly Google API a kliknite identifikátory na ľavom paneli. Kliknite na tlačidlo Vytvorte poverenia a vyberte Kľúč API. Skopírujte kľúč API do kontextového okna, ktoré sa zobrazí.
Ďalej sa prihláste na svoj informačný panel WordPress a prejdite do ponuky JetPlugins – > JetElements nastavenie.
Otvorte kartu integrácia a do poľa vložte kľúč API, ktorý ste práve skopírovali Google Map API kľúč.
Začnite pridávať kartu
Po integrácii JetElements a Google Maps môžete začať pridávať mapu. Ak to chcete urobiť, otvorte stránku, na ktorú chcete pridať mapu v Elementore. V editore Elementor potiahnite miniaplikáciu Rozšírená mapa do oblasti úprav.
Môžete prejsť na ľavý panel a upraviť niektoré nastavenia na mape. Nastavenia môžete vykonať v sekcii Nastavenia mapy.
Ak chcete zmeniť štýl mapy, otvorte sekciu Štýl mapy.
Pridajte svoju polohu na mapu
V predvolenom nastavení je špendlíková adresa nastavená na London Eye, Londýn, Spojené kráľovstvo. Môžete ho upraviť a pridať adresu svojej firmy.
Ak to chcete urobiť, otvorte sekciu Pins a kliknite na existujúcu adresu PIN. Do poľa vložte adresu svojej firmy Adresa PIN a upravte popis v poli Popis špendlíka.
Ak chcete, aby bola adresa špendlíka, ktorú ste práve nastavili, viditeľná na mape, musíte nastaviť stred mapy. Ak sa napríklad vaša firma nachádza v Paríži, nastavili by ste stred mapy na Paríž.
Ak chcete definovať stred mapy, otvorte sekciu Nastavenia mapy znova zadajte preferované centrum mapy (názov mesta).
Poznámka: Ak sa pri pridávaní karty zobrazí správa „Len na účely vývoja“, nezabudnite povoliť fakturáciu v službe Google Cloud. Nové pravidlá Google vyžadujú, aby vývojári aktivovali fakturačný účet (rozhranie Google Maps API môžete naďalej používať zadarmo).
Získajte Elementor Pro teraz!!!
záver
Takže ! To je všetko pre tento článok, ktorý vám ukáže, ako pridať Mapy Google do WordPress pomocou JetElements. Ak máte nejaké obavy, ako sa tam dostať, dajte im vedieť v Komentáre.
Môžete sa však tiež poradiť naše zdroje, ak potrebujete viac prvkov na realizáciu svojich projektov tvorby internetových stránok, konzultujte nášho sprievodcu na internete Tvorba blogu WordPress alebo jeden na Divi: najlepšia téma WordPress všetkých čias.
Ale medzičasom zdieľajte tento článok na rôznych sociálnych sieťach.
...
