Må finne ut hvordan du legger til Google Kart til WordPress med JetElements?
Det er en haug med plugins du kan bruke for å legge til Google Kart til din nettside WordPress. JetElements er en. JetElements er et tillegg Elementor premium utviklet av Crocoblock. Den legger til flere ekstra widgets til din Elementor, inkludert avansert kart som du enkelt kan bruke til å legge til Google Kart til WordPress-nettstedet ditt.
Du kan velge 10 kartstiler. Du kan også legge til flere pinner.
I denne artikkelen vil vi vise deg hvordan du bruker widgeten Avansert kart for å legge til Google Maps i din nettside WordPress.
Før du begynner, må du kontrollere at du har installert Elementor og JetEements på WordPress. Du kan bruke gratisversjonen avElementor å bruke JetElements. Mens for JetElements, må du anskaffe den på den offesiell nettside for $19.
Trinn 1: Få Google Maps API-nøkkel
Før du kan legge til Google Maps i din nettstedet Web ved å bruke JetElements, må du få en API-nøkkel for å integrere JetElements med Google Maps. Du kan få API via Google API-konsollen. Så besøk Google API-konsoll og logg på med Google-kontoen din.
Når du er logget på, oppretter du et nytt prosjekt ved å klikke på rullegardinmenyen øverst og klikke videre NYTT PROSJEKT.
Gi et navn til prosjektet ditt og klikk på knappen CREATE.
Velg ditt nye prosjekt fra rullegardinmenyen og klikk Bibliotek på venstre panel.
JetElements gir ingen detaljert informasjon om API-ene du trenger for å aktivere for å få widgeten til å fungere. Avansert kart. I følge vår erfaring bør du i det minste aktivere følgende APIer:
- API for geokoding
- Maps JavaScript API
Google deler selv Google Maps API inn i 17 typer. Du kan se dem ved å klikke VIS ALT i seksjonen Cartes.
For å aktivere en API, velg APIen du vil aktivere (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 menyen JetPlugins – > JetElements innstillinger.
Åpne fanen integrasjoner og lim inn API-nøkkelen du nettopp kopierte inn i feltet Google Map API-nøkkel.
Begynn å legge til kartet
Når JetElements og Google Maps er integrert, kan du begynne å legge til kartet. For å gjøre dette, åpne siden der du vil legge til kartet i Elementor. På Elementor-editoren drar du Advanced Map-widgeten inn i redigeringsområdet.
Du kan gå til venstre panel for å manipulere noen innstillinger på kartet. Du kan gjøre innstillingene fra seksjonen Kartinnstillinger.
For å endre kartstilen kan du åpne seksjonen Kartstil.
Legg til posisjonen din på kartet
Som standard er PIN-adressen satt til London Eye, London, Storbritannia. Du kan redigere den for å legge til bedriftsbeliggenheten din.
For å gjøre dette, åpne delen Pins og klikk på den eksisterende PIN-adressen. Lim inn bedriftsadressen din i feltet Pin adresse og endre beskrivelsen i feltet Pin Beskrivelse.
For å gjøre PIN-adressen du nettopp har angitt synlig på kartet, må du angi midten av kartet. For eksempel, hvis virksomheten din er i Paris, vil du sette midten av kartet til Paris.
For å definere midten av kartet, åpne delen Kartinnstillinger igjen skriv inn ditt foretrukne kartsenter (bynavn).
Merk: Hvis du ser meldingen «Bare for utviklingsformål» når du legger til et kort, må du sørge for å aktivere Google Cloud-fakturering. De nye Google-retningslinjene krever at utviklere aktiverer faktureringskontoen (du kan fortsatt bruke Google Maps API gratis).
Skaff deg Elementor Pro nå!!!
konklusjonen
Så! Det er det for denne artikkelen som viser deg hvordan du legger til Google Maps til WordPress med JetElements. 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.
...
