Vill du ta reda på hur man skapar en karta med flera stift med Jet Elements?
Jet element erbjuder en widget som heter Avancerad karta. Till skillnad från widget Google Inhemska kartorElementor som endast stöder en plats, låter Jet Elements Advanced Map Widget dig skapa en karta med flera nålar.
För att använda den här widgeten måste du först integrera Jet Elements med Google Kartor med en API-nyckel.
Jet Elements Advanced Map Widget är ganska användbar om du har ett företag med flera filialer i staden och vill skapa en karta som visar platsen för dina filialer. Denna widget är också användbar för att skapa något som en karta över turistattraktioner i en stad.
Så här använder du den här widgeten.
Steg 1: Integrera JetElements med Google Maps
Som nämnts behöver du en API-nyckel Google Kartor för att integrera Jet Elements med Google Maps. Du kan få en API-nyckel via Googles API-konsol.
Så besök Google API-konsol och logga in med ditt Google-konto. Om du inte har ett projekt ännu, skapa ett nytt genom att klicka på rullgardinsmenyn högst upp och klicka NYTT PROJEKT i popup-fönstret som visas.
Ge ditt projekt ett namn och klicka på knappen SKAPA .
När ditt nya projekt har skapats väljer du det via rullgardinsmenyn högst upp på Google API Consoles instrumentpanel och klickar sedan på Bibliotek på den vänstra panelen.
Google delar in Google Maps API i 17 typer. Du måste aktivera de API:er som krävs av Jet Elements Advanced Map Widget för att kunna använda denna widget. Crocoblock, utvecklaren av Jet Elements, tillhandahåller ingen detaljerad information om de nödvändiga API:erna. Baserat på vår erfarenhet har vi aktiverat följande API:er:
- API-anvisningar
- Geokodnings-API
- Maps JavaScript API
- API-platser
Du kan klicka på länken VISA ALLT i avsnittet kartor att se dem alla.
För att aktivera ett API, välj det berörda API (genom att klicka på det) och klicka på knappen AKTIVERA.
När du har aktiverat de nödvändiga API:erna går du tillbaka till huvudinstrumentpanelen i Google API-konsolen och klickar på identifierare på den vänstra panelen. Klicka på knappen Skapa autentiseringsuppgifter och välj API-nyckel. Kopiera API-nyckeln i popup-fönstret som visas.
Logga sedan in på din WordPress-instrumentpanel och gå till JetPlugins – > JetElements-inställningar.
Klicka på fliken integrationer och klistra in din API-nyckel på fältet Google Maps API-nyckel i avsnittet Google Maps. Aktivera alternativet Separat Geocoding API-nyckel och klistra in samma kod på API-nyckel för geokodning.
Steg 2: Skapa kartan
När Jet Elements och Google Maps har integrerats framgångsrikt kan du börja skapa kartan. För att göra detta, skapa en ny sida (Sidor – > Lägg till) eller ett nytt föremål (Objekt – > Lägg till) och ändra den med Elementor.
I redaktören Elementor, ställ in layouten innan du börjar. För att göra detta, öppna panelen Sidinställningar genom att klicka på kugghjulsikonen i det nedre vänstra hörnet. Välj en layout från rullgardinsmenyn under alternativet inställningar.
Lägg till en ny sektion genom att klicka på plusikonen i redigeringsrutan i Elementor och dra widgeten Advanced Map till arbetsytan.
Ställ in mitten av kartan till din stad (eller valfri region beroende på kartan du vill skapa). Ställ även in den initiala zoomen.
öppet Google Maps och hitta den första platsen du vill lägga till på kartan och kopiera dess adress.
Gå tillbaka till Elementor-redigeraren och öppna avsnittet Nålar. Klicka på den befintliga platsen och ersätt adressen med adressen du just kopierade. Lägg även till beskrivningen av platsen på fältet Stiftbeskrivning.
Klicka på knappen LÄGG TILL ETT ELEMENT ligger lite lägre för att lägga till ytterligare en adress.
För att ändra stilen på din karta, såväl som höjden, kan du öppna avsnittet Kartstil.
Remarque: Om kartan inte laddas efter att du har dragit widgeten Avancerad karta i Elementor-redigeraren och du ser meddelandet "Endast för utvecklingsändamål", se till att aktivera din Google-fakturering cloud. Googles nya policy kräver att utvecklare aktiverar faktureringskonto.
Skaffa Elementor Pro nu!!!
Slutsats
Så ! Det var allt för den här artikeln som visar hur du skapar en karta med flera stift med Jet Elements. Om du har några frågor om hur du kommer dit, låt dem veta i commentaires.
Du kan dock också konsultera våra resurser, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blogg skapande eller den på Divi: det bästa WordPress-temet genom tiderna.
Men under tiden dela den här artikeln på dina olika sociala nätverk.
.
