Chceli by ste zistiť, ako vytvoriť mapu s viacerými špendlíkmi pomocou Jet Elements?
Prúdové prvky ponúka widget tzv Rozšírená mapa. Na rozdiel od widgetu Google Natívne mapyElementor ktorá podporuje iba jednu polohu, Jet Elements Advanced Map Widget vám umožní vytvoriť mapu s viacerými špendlíkmi.
Ak chcete použiť tento widget, musíte najprv integrovať Jet Elements s Google Mapy pomocou kľúča API.
Jet Elements Advanced Map Widget je celkom užitočný, ak máte firmu s viacerými pobočkami v meste a chcete vytvoriť mapu, ktorá zobrazuje polohu vašich pobočiek. Tento widget je tiež užitočný na vytvorenie niečoho ako mapu turistických atrakcií v meste.
Tu je návod, ako používať tento widget.
Krok 1: Integrujte JetElements s Google Maps
Ako už bolo spomenuté, potrebujete API kľúč Google Mapy na integráciu Jet Elements s Google Maps. Kľúč API môžete získať prostredníctvom konzoly Google API.
Tak navštívte Konzola Google API a prihláste sa pomocou svojho účtu Google. Ak ešte nemáte projekt, vytvorte nový kliknutím na rozbaľovaciu ponuku v hornej časti a kliknite NOVÝ PROJEKT vo vyskakovacom okne, ktoré sa zobrazí.
Pomenujte svoj projekt a kliknite na tlačidlo CREATE .
Po vytvorení nového projektu ho vyberte pomocou rozbaľovacej ponuky v hornej časti hlavného panela konzoly Google API a potom kliknite na knižnica na ľavom paneli.
Google rozdeľuje Google Maps API na 17 typov. Aby ste mohli používať túto miniaplikáciu, musíte povoliť rozhrania API vyžadované widgetom Jet Elements Advanced Map Widget. Crocoblock, vývojár Jet Elements, neposkytuje žiadne podrobné informácie o požadovaných API. Na základe našich skúseností sme povolili nasledujúce rozhrania API:
- Pokyny API
- Geokódovacie API
- Mapy JavaScript API
- API sedadlá
Môžete kliknúť na odkaz UKÁZAŤ VŠETKO v sekcii Cartes vidieť ich všetkých.
Ak chcete aktivovať API, vyberte príslušné API (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 na JetPlugins – > Nastavenia JetElements.
Kliknite na kartu integrácia a prilepte svoj API kľúč do poľa Kľúč API pre Mapy Google v oddiele mapy Google. Aktivujte možnosť Samostatný kľúč Geocoding API a prilepte rovnaký kód Kľúč API geokódovania.
Krok 2: Vytvorte mapu
Keď sú Jet Elements a Google Maps úspešne integrované, môžete začať vytvárať mapu. Ak to chcete urobiť, vytvorte novú stránku (Stránky – > Pridať) alebo nový článok (Položky – > Pridať) a upravte ho pomocou Elementor.
V editore Elementor, nastavte rozloženie skôr, ako začnete. Ak to chcete urobiť, otvorte panel Nastavenia stránky kliknutím na ikonu ozubeného kolieska v ľavom dolnom rohu. Vyberte rozloženie z rozbaľovacej ponuky pod možnosťou Všeobecné nastavenia.
Pridajte novú sekciu kliknutím na ikonu plus v editovacom poli Elementor a presuňte miniaplikáciu Advanced Map na plátno.
Nastavte stred mapy na svoje mesto (alebo akýkoľvek región v závislosti od mapy, ktorú chcete vytvoriť). Nastavte aj počiatočné priblíženie.
otvorené mapy Google a nájdite prvé miesto, ktoré chcete pridať na mapu, a skopírujte jeho adresu.
Vráťte sa do editora Elementor a otvorte sekciu Pins. Kliknite na existujúce umiestnenie a nahraďte adresu adresou, ktorú ste práve skopírovali. Pridajte aj popis miesta na poli Popis špendlíka.
Kliknite na tlačidlo PRIDAŤ PRVOK umiestnené o niečo nižšie, aby ste mohli pridať ďalšiu adresu.
Ak chcete zmeniť štýl mapy, ako aj výšku, môžete sekciu otvoriť Štýl mapy.
POZNÁMKA: Ak sa mapa nenačíta po pretiahnutí miniaplikácie Rozšírená mapa v editore Elementor a zobrazí sa vám správa „Len na účely vývoja“, nezabudnite povoliť fakturáciu Google mrak. Nové pravidlá spoločnosti Google vyžadujú, aby vývojári povolili fakturačný účet.
Získajte Elementor Pro teraz!!!
záver
Takže ! To je všetko pre tento článok, ktorý vám ukáže, ako vytvoriť mapu s viacerými kolíkmi pomocou Jet Elements. 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.
...
