Wilt u weten hoe u met Jet Elements een kaart maakt met meerdere pinnen?
Jet-elementen biedt een widget genaamd Geavanceerde kaart. In tegenstelling tot widget Kopen Google Reviews Inheemse kaartenElementor die slechts één locatie ondersteunt, kunt u met Jet Elements Advanced Map Widget een kaart maken met meerdere pinnen.
Om deze widget te gebruiken, moet u eerst Jet Elements integreren Kopen Google Reviews Kaarten met behulp van een API-sleutel.
De Jet Elements Advanced Map Widget is best handig als u een bedrijf heeft met meerdere vestigingen in de stad en een kaart wilt maken waarop de locatie van uw vestigingen te zien is. Deze widget is ook handig voor het maken van bijvoorbeeld een kaart met toeristische attracties in een stad.
Hier leest u hoe u deze widget kunt gebruiken.
Stap 1: Integreer JetElements met Google Maps
Zoals gezegd heb je een API-sleutel nodig Kopen Google Reviews Kaarten om Jet Elements te integreren met Google Maps. U kunt een API-sleutel verkrijgen via de Google API-console.
Dus bezoek Google API-console en meld u aan met uw Google-account. Als je nog geen project hebt, maak dan een nieuw project aan door bovenaan op het vervolgkeuzemenu te klikken en op te klikken NIEUW PROJECT in de pop-up die verschijnt.
Geef een naam aan uw project en klik op de knop SCHEPPEN .
Zodra uw nieuwe project is gemaakt, selecteert u het via het vervolgkeuzemenu bovenaan het Google API Console-dashboard en klikt u vervolgens op bibliotheek op het linkerpaneel.
Google verdeelt de Google Maps API in 17 typen. U moet de API's inschakelen die vereist zijn voor de Jet Elements Advanced Map Widget om deze widget te kunnen gebruiken. Crocoblock, de ontwikkelaar van Jet Elements, geeft geen gedetailleerde informatie over de vereiste API's. Op basis van onze ervaring hebben we de volgende API's ingeschakeld:
- API-aanwijzingen
- Geocoderings-API
- Kaarten JavaScript-API
- Places-API
U kunt op de link klikken TOON ALLES in de sectie Kaarten om ze allemaal te zien.
Om een API te activeren, selecteert u de betreffende API (door erop te klikken) en klikt u op de knop ACTIVEREN.
Zodra u klaar bent met het inschakelen van de vereiste API's, keert u terug naar het hoofddashboard van de Google API Console en klikt u op identifiers op het linkerpaneel. Klik op de knop Inloggegevens maken en selecteer API-sleutel. Kopieer de API-sleutel in de pop-up die verschijnt.
Log vervolgens in op uw WordPress-dashboard en ga naar JetPlugins – > JetElements-instellingen.
Klik op het tabblad integraties en plak uw API-sleutel in het veld Google Maps API-sleutel in de sectie Google Maps. Activeer de optie Afzonderlijke API-sleutel voor geocodering en plak dezelfde code erop API-sleutel voor geocodering.
Stap 2: Maak de kaart
Zodra Jet Elements en Google Maps succesvol zijn geïntegreerd, kunt u beginnen met het maken van de kaart. Maak hiervoor een nieuwe pagina aan (Pagina's -> Toevoegen) of een nieuw artikel (Artikelen – > Toevoegen) en wijzig het met Elementor.
In de redacteur Elementor, stel de lay-out in voordat u begint. Om dit te doen, opent u het paneel Pagina-instellingen door op het tandwielpictogram in de linkerbenedenhoek te klikken. Selecteer een lay-out in het vervolgkeuzemenu onder de optie instellingen.
Voeg een nieuwe sectie toe door op het pluspictogram in het Elementor-bewerkingsvak te klikken en de geavanceerde kaartwidget naar het canvas te slepen.
Stel het midden van de kaart in op uw stad (of een andere regio, afhankelijk van de kaart die u wilt maken). Stel ook de initiële zoom in.
open Google Maps en zoek de eerste locatie die u aan de kaart wilt toevoegen en kopieer het adres.
Keer terug naar de Elementor-editor en open de sectie Pins. Klik op de bestaande locatie en vervang het adres door het zojuist gekopieerde adres. Voeg ook de beschrijving van de locatie op het veld toe Pin Beschrijving.
Klik op de knop VOEG EEN ELEMENT TOE iets lager gelegen om nog een adres toe te voegen.
Om de stijl van uw kaart en de hoogte te wijzigen, kunt u de sectie openen Kaartstijl.
LET OP: Als de kaart niet wordt geladen na het slepen van de widget Geavanceerde kaart in de Elementor-editor en u ziet het bericht 'Alleen voor ontwikkelingsdoeleinden', zorg er dan voor dat u uw Google-facturering inschakelt Cloud. Het nieuwe beleid van Google vereist dat ontwikkelaars een factureringsaccount inschakelen.
Koop Elementor Pro nu!!!
Conclusie
Alstublieft ! Dat is alles voor dit artikel dat u laat zien hoe u een kaart met meerdere pinnen kunt maken met Jet Elements. Als u zich zorgen maakt over hoe u daar kunt komen, laat het hen dan weten in de commentaires.
U kunt echter ook overleggen onze middelen, als u meer elementen nodig hebt om uw projecten voor het maken van internetsites uit te voeren, raadpleeg onze gids op de WordPress blog creatie of die op Divi: het beste WordPress-thema aller tijden.
Maar in de tussentijd deel dit artikel op uw verschillende sociale netwerken.
...
