facebook chatbots tourisme

Hoe een interactieve kaart toe te voegen in WordPress

4 min


110

Wil je een interactieve kaart toevoegen in WordPress? Met interactieve kaarten kunnen uw gebruikers routes, ritten en routes ontdekken door op markeringen op de kaart te klikken of door de muis rond te bewegen.

 In dit artikel laten we u zien hoe u eenvoudig een interactieve kaart in WordPress kunt toevoegen.

Een interactieve kaart toevoegen in WordPress

Methode 1: Een interactieve kaart toevoegen in WordPress met Google My Maps

Deze methode is eenvoudiger en vereist niet dat u een plug-in op uw WordPress-site installeert.

Eerst moet je de Google My Maps- website bezoeken en op de knop ‘Een nieuwe kaart maken’ klikken.

Maak een nieuwe kaart

Hiermee gaat u naar de pagina met de bewerkingskaart. Op dit scherm kunt u uw kaart maken door een basiskaart te selecteren, aandachtspunten toe te voegen, lagen en meer.

Kaart bewerken

Met de werkbalk bovenaan kunt u lijnen op de kaart tekenen, routes toevoegen, linialen gebruiken en items selecteren.

De werkbalk Kaart gebruiken

Alle kaartitems worden links in lagen opgeslagen. U kunt lagen toevoegen, bewerken, hernoemen of zelfs verwijderen. U kunt ook op een item in uw laag klikken om een ​​beschrijving toe te voegen, de titel te wijzigen of foto’s / video’s toe te voegen.

Voeg beschrijvingen toe

Als u klaar bent met het bewerken van uw kaart, moet u deze openbaar maken zodat u deze op uw website kunt gebruiken. U kunt dit doen door te klikken op de knop Delen in het bewerkingspaneel.

Uw interactieve kaart delen

Hierdoor wordt het deelcentrum geopend waar u op ‘Wijzigen’ moet klikken onder ‘Wie heeft toegang’ sectie.

Instellingen delen

Vervolgens moet u ‘Aan – Openbaar op internet’ selecteren en vervolgens op de knop Opslaan klikken.

Uw kaart openbaar maken

Klik daarna op ‘Gereed’ om het deelcentrum te sluiten.

Klik in het bewerkingsvenster op het menupictogram naast de kaartnaam en selecteer vervolgens ‘Inbedden op mijn site’.

Sluit de kaart op de site in

U ziet nu de insluitcode die u moet kopiëren.

Embed code

Ga vervolgens naar de post of pagina waar u uw interactieve kaart in WordPress wilt toevoegen. Op het berichtbewerkingsscherm moet je overschakelen naar de teksteditor en de kaartinvoegcode die je eerder hebt gekopieerd plakken.

Plak je interactieve kaartcode in WordPress

U kunt nu uw wijzigingen opslaan en een voorbeeld van uw bericht bekijken om uw interactieve kaart in actie te zien.

Kaartvoorbeeld

Methode 2: een interactieve kaart toevoegen in WordPress Plug-in gebruiken

Hoewel u interactieve kaarten kunt maken en toevoegen met Google Maps, ontbreken er nog steeds bepaalde functies en is deze beperkt tot Google Maps.

Als u Open Street Maps, Bing of andere kaartservices wilt gebruiken, dan is deze methode iets voor u.

Allereerst moet u de Maps Marker Pro- plug-in installeren en activeren . 

Na activering moet je de Maps Marker Pro- pagina bezoeken om je interactieve kaart te maken. Om te beginnen, moet u klikken op de knop ‘Nieuwe laag toevoegen’.

Een nieuwe laag toevoegen aan je kaart

Vervolgens moet u een naam voor uw laag opgeven en op Publiceren klikken.

Nieuwe laag maken en publiceren

Nu u een laag hebt gemaakt, kunt u er kaartmarkeringen aan toevoegen. Ga naar Maps Marker Pro »Nieuwe markeerpagina toevoegen om uw eerste markering toe te voegen.

Eerste markering toevoegen

Eerst moet u een titel voor de markering invoeren en vervolgens zoeken naar de locatie en deze selecteren.

Je moet ook je marker op de laag plaatsen die je eerder hebt gemaakt. U kunt dit doen door de naam van de laag in het lagenveld in te voeren en deze te selecteren.

Vergeet niet op de knop ‘Publiceren’ te klikken om uw markering op te slaan.

Herhaal het proces om andere markeringen aan de laag toe te voegen.

Zodra u klaar bent met het toevoegen van markeringen, kunt u een WordPress-bericht of -pagina bewerken waaraan u de kaart wilt toevoegen.

Klik in het berichtbewerkingsscherm op de knop ‘Kaart toevoegen’.

Voeg kaartknop toe

Er verschijnt een pop-up met al je kaartmarkeringen en de laag die je eerder hebt gemaakt. U moet de laag selecteren en op de knop Map toevoegen klikken.

Selecteer en voeg de kaartlaag toe aan je bericht of pagina

De plug-in zal de vereiste shortcode toevoegen in uw post-editor gebied. Je kunt nu je bericht opslaan of publiceren en een voorbeeld bekijken om je interactieve kaart te bekijken.

Bekijk een voorbeeld van uw interactieve kaart

U kunt altijd uw hoofdlaag bewerken om de kaartgrootte en -afmetingen aan te passen.

Maps Marker Pro is een krachtige plug-in met tal van opties, zoals meerlagige kaarten, aangepaste markeringen, routebeschrijvingen, GPX-ondersteuning, kaart exporteren in meerdere indelingen en meer. U kunt deze opties verkennen om uw kaarten nog interactiever te maken.


Erwin@delaatbusiness.com
Dag, Hulp nodig met internet marketing of websites maken? neem dan contact op

0 Comments

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Choose A Format
Personality quiz
Series of questions that intends to reveal something about the personality
Trivia quiz
Series of questions with right and wrong answers that intends to check knowledge
Poll
Voting to make decisions or determine opinions
Story
Formatted Text with Embeds and Visuals
List
The Classic Internet Listicles
Countdown
The Classic Internet Countdowns
Open List
Submit your own item and vote up for the best submission
Ranked List
Upvote or downvote to decide the best list item
Meme
Upload your own images to make custom memes
Video
Youtube, Vimeo or Vine Embeds
Audio
Soundcloud or Mixcloud Embeds
Image
Photo or GIF
Gif
GIF format