Vil du finne ut hvordan du lager et kart med flere pinner ved å bruke Jet Elements?
Jet elementer tilbyr en widget kalt Avansert kart. I motsetning til widget Google Innfødte kartElementor som kun støtter ett sted, lar Jet Elements Advanced Map Widget deg lage et kart med flere pinner.
For å bruke denne widgeten må du først integrere Jet Elements med Google Kart ved hjelp av en API-nøkkel.
Jet Elements Advanced Map Widget er ganske nyttig hvis du har en bedrift med flere filialer i byen og ønsker å lage et kart som viser plasseringen til filialene dine. Denne widgeten er også nyttig for å lage noe som et kart over turistattraksjoner i en by.
Slik bruker du denne widgeten.
Trinn 1: Integrer JetElements med Google Maps
Som nevnt trenger du en API-nøkkel Google Kart for å integrere Jet Elements med Google Maps. Du kan få en API-nøkkel gjennom Google API-konsollen.
Så besøk Google API-konsoll og logg på med Google-kontoen din. Hvis du ikke har et prosjekt ennå, lag et nytt ved å klikke på rullegardinmenyen øverst og klikke NYTT PROSJEKT på popup-vinduet som vises.
Gi et navn til prosjektet ditt og klikk på knappen CREATE .
Når det nye prosjektet ditt er opprettet, velger du det via rullegardinmenyen øverst i dashbordet for Google API-konsollen, og klikker deretter på Bibliotek på venstre panel.
Google deler Google Maps API inn i 17 typer. Du må aktivere API-ene som kreves av Jet Elements Advanced Map Widget for å bruke denne widgeten. Crocoblock, utvikleren av Jet Elements, gir ingen detaljert informasjon om de nødvendige API-ene. Basert på vår erfaring har vi aktivert følgende APIer:
- API-veiledninger
- API for geokoding
- Maps JavaScript API
- API-seter
Du kan klikke på lenken VIS ALT i seksjonen Cartes å se dem alle.
For å aktivere en API, velg den aktuelle API (ved å klikke på den) og klikk på knappen AKTIVER.
Når du har fullført aktiveringen av de nødvendige API-ene, går du tilbake til hovedoversikten til Google API-konsollen og klikker på identifikatorer på venstre panel. Klikk på knappen Opprett legitimasjon og velg API-nøkkel. Kopier API-nøkkelen på popup-vinduet som vises.
Deretter logger du på WordPress-dashbordet og går til JetPlugins – > JetElements-innstillinger.
Klikk på fanen integrasjoner og lim inn API-nøkkelen din på feltet Google Maps API-nøkkel i seksjonen Google Maps. Aktiver alternativet Separat Geocoding API-nøkkel og lim den samme koden på Geokoding API-nøkkel.
Trinn 2: Lag kartet
Når Jet Elements og Google Maps er vellykket integrert, kan du begynne å lage kartet. For å gjøre dette, opprette en ny side (Sider – > Legg til) eller et nytt element (Elementer – > Legg til) og endre den med Elementor.
I redaktøren Elementor, angi oppsettet før du begynner. For å gjøre dette, åpne Sideinnstillinger-panelet ved å klikke på tannhjulikonet i nedre venstre hjørne. Velg et oppsett fra rullegardinmenyen under alternativet Generelle innstillinger.
Legg til en ny seksjon ved å klikke på plussikonet i Elementor-redigeringsboksen og dra Advanced Map-widgeten til lerretet.
Sett midten av kartet til byen din (eller hvilken som helst region avhengig av kartet du vil lage). Still også inn den første zoomen.
åpent Google Maps og finn den første plasseringen du vil legge til på kartet og kopier adressen.
Gå tilbake til Elementor-editoren og åpne delen Pins. Klikk på den eksisterende plasseringen og erstatt adressen med adressen du nettopp kopierte. Legg også til beskrivelsen av plasseringen på feltet Pin Beskrivelse.
Klikk på knappen LEGG TIL ET ELEMENT plassert litt lavere for å legge til en annen adresse.
For å endre stilen på kartet ditt, så vel som høyden, kan du åpne delen Kartstil.
MERK: Hvis kartet ikke er lastet inn etter å ha trukket widgeten Avansert kart i Elementor-redigeringsprogrammet og du ser en «Bare for utviklingsformål»-melding, sørg for å aktivere Google-fakturering Cloud. Googles nye retningslinjer krever at utviklere aktiverer faktureringskonto.
Skaff deg Elementor Pro nå!!!
konklusjonen
Så! Det er det for denne artikkelen som viser deg hvordan du lager et kart med flere pinner ved å bruke Jet Elements. Hvis du har noen bekymringer om hvordan du kommer deg dit, gi dem beskjed i commentaires.
Du kan imidlertid også konsultere ressursene våre, hvis du trenger flere elementer for å gjennomføre prosjektene dine med oppretting av nettsteder, ved å konsultere vår guide om WordPress blog oppretting eller den på Divi: tidenes beste WordPress-tema.
Men i mellomtiden, del denne artikkelen på de forskjellige sosiale nettverkene dine.
...
