Želite li saznati kako izraditi kartu s više pribadača koristeći Jet Elements?
Jet Elementi nudi widget tzv Napredna karta. Za razliku od widgeta Google Zavičajne karteElementor koji podržava samo jednu lokaciju, Jet Elements Advanced Map Widget vam omogućuje stvaranje karte s više pribadača.
Da biste koristili ovaj widget, prvo morate integrirati Jet Elements sa Google Karte pomoću API ključa.
Jet Elements Advanced Map Widget vrlo je koristan ako imate tvrtku s više podružnica u gradu i želite izraditi kartu koja prikazuje lokaciju vaših podružnica. Ovaj widget također je koristan za izradu nečega poput karte turističkih atrakcija u gradu.
Evo kako koristiti ovaj widget.
Korak 1: Integrirajte JetElements s Google kartama
Kao što je spomenuto, potreban vam je API ključ Google Karte za integraciju Jet Elementsa s Google kartama. API ključ možete dobiti putem Google API konzole.
Stoga posjetite Google API konzola i prijavite se svojim Google računom. Ako još nemate projekt, izradite novi klikom na padajući izbornik na vrhu i kliknite NOVI PROJEKT na skočnom prozoru koji se pojavi.
Dajte ime svom projektu i kliknite na gumb CREATE .
Nakon što je vaš novi projekt izrađen, odaberite ga putem padajućeg izbornika na vrhu nadzorne ploče Google API konzole, a zatim kliknite Knjižnica na lijevoj ploči.
Google dijeli Google Maps API u 17 vrsta. Morate omogućiti API-je potrebne za Jet Elements Advanced Map Widget kako biste koristili ovaj widget. Crocoblock, programer Jet Elements, ne daje nikakve detaljne informacije o potrebnim API-jima. Na temelju našeg iskustva, omogućili smo sljedeće API-je:
- Upute za API
- API za geokodiranje
- Maps JavaScript API
- API sjedala
Možete kliknuti na poveznicu POKAŽI SVE u odjeljku Kartice vidjeti ih sve.
Za aktiviranje API-ja odaberite dotični API (klikom na njega) i kliknite na gumb AKTIVIRATI.
Nakon što dovršite omogućavanje potrebnih API-ja, vratite se na glavnu nadzornu ploču Google API konzole i kliknite identifikatori na lijevoj ploči. Kliknite na gumb Stvorite vjerodajnice i odaberite Ključ API-ja. Kopirajte API ključ u skočni prozor koji se pojavi.
Zatim se prijavite na svoju WordPress nadzornu ploču i idite na JetPlugins – > JetElements postavke.
Kliknite karticu integracije i zalijepite svoj API ključ na polje Google Maps API ključ u odjeljku Google Maps. Aktivirajte opciju Odvojeni API ključ za geokodiranje i zalijepite isti kod Geocoding API ključ.
Korak 2: Izradite kartu
Nakon što su Jet Elements i Google Maps uspješno integrirani, možete početi stvarati kartu. Da biste to učinili, izradite novu stranicu (Stranice – > Dodaj) ili nova stavka (Stavke – > Dodaj) i izmijenite ga pomoću Elementor.
U uredniku Elementor, postavite izgled prije nego što počnete. Da biste to učinili, otvorite ploču Postavke stranice klikom na ikonu zupčanika u donjem lijevom kutu. Odaberite izgled s padajućeg izbornika ispod opcije Opće postavke.
Dodajte novi odjeljak klikom na ikonu plus u uređivačkom okviru Elementor i povucite napredni widget karte na platno.
Postavite središte karte na svoj grad (ili bilo koju regiju, ovisno o karti koju želite izraditi). Također postavite početno zumiranje.
Otvoreno Google Maps i pronađite prvu lokaciju koju želite dodati na kartu i kopirajte njenu adresu.
Vratite se u uređivač Elementor i otvorite odjeljak Pins. Kliknite na postojeću lokaciju i zamijenite adresu adresom koju ste upravo kopirali. Također dodajte opis lokacije na terenu Opis pribadače.
Kliknite na gumb DODAJTE ELEMENT nalazi se malo niže za dodavanje druge adrese.
Da biste promijenili stil vaše karte, kao i visinu, možete otvoriti odjeljak Stil karte.
NAPOMENA: Ako se karta ne učita nakon povlačenja widgeta Napredna karta u uređivaču Elementor i vidite poruku "Samo u razvojne svrhe", svakako omogućite Google naplatu oblak. Nova Googleova pravila zahtijevaju od programera da omoguće račun za naplatu.
Nabavite Elementor Pro sada!!!
Zaključak
Dakle! To je sve za ovaj članak koji vam pokazuje kako izraditi kartu s više pribadača pomoću Jet Elements. Ako imate bilo kakvih nedoumica o tome kako doći tamo, obavijestite ih u Komentari.
Međutim, možete se konzultirati naši resursi, ako vam treba više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem na internetu Izrada bloga WordPress ili onaj koji je uključen Divi: najbolja WordPress tema svih vremena.
Ali u međuvremenu, ovaj članak podijelite na svojim različitim društvenim mrežama.
...
