Doriți să aflați cum să creați o hartă cu mai multe pini folosind Jet Elements?
Elemente Jet oferă un widget numit Harta avansată. Spre deosebire de widget Google Hărți nativeElementor care acceptă o singură locație, Jet Elements Advanced Map Widget vă permite să creați o hartă cu mai mulți pini.
Pentru a utiliza acest widget, trebuie mai întâi să integrați Jet Elements cu Google Hărți folosind o cheie API.
Widgetul pentru hartă avansată Jet Elements este destul de util dacă aveți o afacere cu mai multe sucursale în oraș și doriți să creați o hartă care să arate locația filialelor dvs. Acest widget este util și pentru a crea ceva de genul unei hărți a atracțiilor turistice dintr-un oraș.
Iată cum să utilizați acest widget.
Pasul 1: Integrați JetElements cu Google Maps
După cum am menționat, aveți nevoie de o cheie API Google Hărți pentru a integra Jet Elements cu Google Maps. Puteți obține o cheie API prin consola API Google.
Așa că vizitează Consola API Google și conectați-vă cu contul dvs. Google. Dacă nu aveți încă un proiect, creați unul nou făcând clic pe meniul drop-down din partea de sus și faceți clic PROIECT NOU pe fereastra pop-up care apare.
Dați un nume proiectului dvs. și faceți clic pe butonul CREEAZĂ .
Odată ce noul dvs. proiect este creat, selectați-l prin meniul drop-down din partea de sus a tabloului de bord Google API Console, apoi faceți clic pe bibliotecă pe panoul din stânga.
Google împarte API-ul Google Maps în 17 tipuri. Pentru a utiliza acest widget, trebuie să activați API-urile cerute de widgetul pentru hărți avansate Jet Elements. Crocoblock, dezvoltatorul Jet Elements, nu oferă informații detaliate despre API-urile necesare. Pe baza experienței noastre, am activat următoarele API-uri:
- Indicații API
- Geocoding API
- API JavaScript Maps
- Locuri API
Puteți da clic pe link ARATA TOT în secțiune Hărți să le vezi pe toate.
Pentru a activa un API, selectați API-ul în cauză (făcând clic pe el) și faceți clic pe butonul ACTIVATI.
După ce ați finalizat activarea API-urilor necesare, reveniți la tabloul de bord principal al Consolei API Google și faceți clic Identificatorii pe panoul din stânga. Faceți clic pe butonul Creați acreditări și selectați Cheie API. Copiați cheia API în fereastra pop-up care apare.
Apoi, conectați-vă la tabloul de bord WordPress și accesați JetPlugins – > Setări JetElements.
Faceți clic pe filă integrările și inserați cheia dvs. API pe câmp Cheia API Google Maps în secțiune Hărți Google. Activați opțiunea Cheie API de codificare geografică separată și lipiți același cod Cheie API de geocodare.
Pasul 2: Creați harta
Odată ce Jet Elements și Google Maps sunt integrate cu succes, puteți începe să creați harta. Pentru a face acest lucru, creați o pagină nouă (Pagini – > Adăugați) sau un articol nou (Elemente – > Adăugați) și modificați-l cu Elementor.
În editor Elementor, setați aspectul înainte de a începe. Pentru a face acest lucru, deschideți panoul Setări pagină făcând clic pe pictograma roată din colțul din stânga jos. Selectați un aspect din meniul derulant de sub opțiune Setări generale.
Adăugați o nouă secțiune făcând clic pe pictograma plus din caseta de editare Elementor și trageți widgetul Hartă avansată pe pânză.
Setați centrul hărții la orașul dvs. (sau orice regiune în funcție de harta pe care doriți să o creați). Setați și zoomul inițial.
deschis Hărți Google și găsiți prima locație pe care doriți să o adăugați pe hartă și copiați adresa acesteia.
Reveniți la editorul Elementor și deschideți secțiunea Pins. Faceți clic pe locația existentă și înlocuiți adresa cu adresa pe care tocmai ați copiat-o. Adăugați și descrierea locației pe câmp Descrierea pinului.
Faceți clic pe butonul ADĂUGAȚI UN ELEMENT situat puțin mai jos pentru a adăuga o altă adresă.
Pentru a schimba stilul hărții, precum și înălțimea, puteți deschide secțiunea Stilul hărții.
NOTĂ: Dacă harta nu este încărcată după glisarea widget-ului Harta avansată în editorul Elementor și vedeți un mesaj „Numai în scopuri de dezvoltare”, asigurați-vă că activați facturarea Google Cloud. Noua politică Google cere dezvoltatorilor să activeze contul de facturare.
Obțineți Elementor Pro acum!!!
Concluzie
Asa de ! Asta este pentru acest articol care vă arată cum să creați o hartă cu mai multe pini folosind Jet Elements. Dacă aveți nelămuriri cu privire la cum să ajungeți acolo, anunțați-le în comentarii.
Cu toate acestea, puteți consulta și resursele noastre, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru cu privire la Creare blog WordPress sau cea de pe Divi: cea mai bună temă WordPress din toate timpurile.
Dar între timp, împărtășește acest articol pe diferitele rețele de socializare.
...
