Ga naar de hoofdinhoud

WP Location Finder: Kaart-API-configuratie

1. Hoe maak je een kaart-API aan?

1.1 De Google Maps API-sleutel en API-services verkrijgen

Telkens wanneer u de Google Maps API's gebruikt, moet u, als uw domein na 22 juni 2016 is aangemaakt, een sleutel toevoegen om uw verzoek te valideren.
Vraag een sleutel aan en schakel de API in: https://developers.google.com/maps/documentation/javascript/get-api-key

Meer informatie: https://developers.google.com/maps/documentation/javascript/usage?hl=en

Ga eerst naar de Google Cloud-console , selecteer een project of maak een nieuw project aan. Klik vervolgens op "+ Referenties maken" en selecteer "API-sleutel" .

 

API-sleutel aanmaken

 

Volg vervolgens de volgende stap en klik op 'Maken ' om een ​​nieuwe API-sleutel te verkrijgen. Bewaar deze voor de volgende stap.

 

api-sleutel-aangemaakt

 

Daarnaast moeten bepaalde vereiste API-services worden ingeschakeld. Ga in de Google Console naar API's en services en zoek ze op zoals hieronder weergegeven:

  • Maps JavaScript API
  • Geocodering-API
  • Geolocation API
  • Plaatsen-API
  • Routebeschrijving-API

 

API-services inschakelen

 

1.2 Hoe maak ik een Google Maps-ID aan?

Om een ​​kaart-ID aan te maken, ga naar Kaartbeheer . Klik op Kaart-ID aanmaken .

 

create-new-map-id

 

Ga vervolgens naar de pagina 'Nieuwe kaart-ID aanmaken' en doe het volgende:

  • Naam: voer de kaart-ID-naam in.
  • Beschrijving: beschrijf waarvoor de kaart-ID wordt gebruikt (optioneel)
  • Kaarttype: selecteer JavaScript en kies vervolgens een rasterkaart (de standaardoptie) of een vectorkaart.

 

nieuwe-kaart-id-velden

 

'Opslaan te klikken om je nieuwe kaart-ID weer te geven. Bewaar deze voor de instellingen.

 

kaart-id-gemaakt

 

Opmerking: Een kaart-ID is een unieke identificatiecode die de stijl- en configuratie-instellingen van Google Maps vertegenwoordigt en die in Google Cloud zijn opgeslagen. Gebruik de kaart-ID "DEMO_MAP_ID" voor testdoeleinden als u geen kaart-ID hebt.

 

1.3 Hoe maak ik een OpenStreetMap-token aan?

Begin door hier een nieuw account aan te maken of in te loggen op je bestaande account. Deze stap is essentieel voordat je toegangstokens kunt genereren.

Nadat u succesvol bent ingelogd, zoekt u de 'Toegangstokens' in uw gebruikersinstellingen of accountmenu en selecteert u deze. In het gedeelte 'Toegangstokens' zoekt u de 'Toegangstoken aanmaken' deze om het proces voor het genereren van een token te starten. Alle velden voor het aanmaken van een token zijn direct zichtbaar op de pagina 'Toegangstokens'. Om uw token aan te maken:

  • Voer een beschrijvende naam in het "Label" , zodat u dit token later gemakkelijk kunt herkennen.
  • Laat de twee onderstaande extra velden leeg (de standaardinstellingen zijn voor de meeste gebruikers voldoende)
  • Klik op de "Aanmaken" om uw nieuwe toegangstoken te genereren.

 

toegangstoken

 

Uw nieuwe toegangstoken wordt weergegeven zodra deze is aangemaakt. Zorg ervoor dat u dit token kopieert en veilig bewaart, aangezien u het in latere configuratiestappen nodig hebt.

 

door tokens gegenereerd

 

2. Hoofdinstellingen

Kaartaanbieder

Ga naar Menu > Locatiezoeker > Instellingen > Hoofdinstellingen om uw voorkeuren voor kaartproviders te configureren. U vindt twee beschikbare kaartproviders: Google en OpenStreetMap .

Als u Google Maps als provider kiest, moet u de volgende verplichte velden configureren met de inloggegevens uit de vorige installatiestappen:

  • Google Maps API-sleutel: De Google Maps API-sleutel is verplicht. Ga terug naar stap 1.1 als u niet weet hoe u een nieuwe API-sleutel kunt aanmaken.
  • Kaart-ID: Een kaart-ID is een unieke identificatiecode die de stijl- en configuratie-instellingen van Google Maps vertegenwoordigt en die in Google Cloud zijn opgeslagen.
    Het is verplicht om een ​​kaart-ID te hebben; u kunt de standaard-ID (DEMO_MAP_ID) behouden als u deze niet nodig hebt.
  • Standaard zoomniveau van de kaart: Het standaard zoomniveau van de kaart bij de eerste keer laden (automatische zoom instellen op 0).
  • Kaarttype: Routekaart, Satellietkaart, Hybride, Terreinkaart.
  • Kaartlaag: KML, Verkeer, Openbaar Vervoer, Fietsen.

 

vulinstellingen

 

Als u OpenStreetMap als provider selecteert, moet u het toegangstoken invoeren dat u in stap 1.3 :

  • Geocodering-toegangstoken: Het LocationIQ-toegangstoken is vereist voor de automatische adresaanvullingsfunctie.
  • Standaard zoomniveau van de kaart: Het standaard zoomniveau van de kaart bij de eerste keer laden (automatische zoom instellen op 0).
  • Kaarttype: Standaard, OpenStreetMap HOT, Carto Light, Carto Dark,...
  • Aangepaste tegel-laag: Voer uw aangepaste laag in.

 

OpenStreetMap-provider

 

Nadat u de instellingen van uw kaartprovider hebt geconfigureerd, ontdekt u verschillende aanpassingsmogelijkheden die zowel met Google Maps als OpenStreetMap werken om de functionaliteit en gebruikerservaring van uw kaart te verbeteren:

  • Zoeken op locatienaam
  • Categoriefilter weergeven
  • Landfilter weergeven
  • Radiusfilter weergeven
  • Eenheid van afstand: km/mi
  • Afstand voor straalzoekopdracht: Afstand in de straalzoekfunctie
  • Tagfilter weergeven
  • Locatiegegevens openen in een nieuw tabblad

 

kaart-gedetailleerde-instellingen

 

Kaartweergave

De locaties die je hebt aangemaakt, worden weergegeven op de kaart in het Instellingen .

 

kaartweergave-instelling

     

    Kleur en markering afbeelding

    Je kunt hier de kleur en de standaardmarkering aanpassen.

     

    locatie-kleur-markering-instelling

    Eén locatie

    • Winkelvelden toevoegen: Voeg specifieke velden toe aan elke locatie, zoals winkelnamen en openingstijden.

     

    3. AI-instellingen

    Om deze functie te gebruiken, ga naar Plugininstellingen > AI-instellingen > tabblad Prijzen om credits te verkrijgen. Klik op de AI-credits nu verkrijgen en voltooi het aankoopproces.

     

    AI-credit verkrijgen

     

    Nadat je credits hebt verkregen, ga je terug naar AI-instellingen > tabblad Instellingen > gedeelte 'Limieten voor contentlengte' om de volgende opties te configureren:

    • AI-titellengte: Stel het maximale aantal woorden in voor gegenereerde titels.
    • Lengte van AI-beschrijvingen: Stel het maximale aantal woorden in voor gegenereerde beschrijvingen.

     

    ai-setting-plan

     

    In het met algemene AI-instellingen kunt u de taal voor door AI gegenereerde content aanpassen. Schakel de optie 'AI-quotum in bovenste balk' om uw resterende credits in de WordPress-bovenbalk weer te geven.

     

    credit-on-topbar

     

    Zodra de configuratie is voltooid, kunt u de AI-optimalisatiefunctie openen vanuit het overzicht Alle locaties' 'AI-optimalisatie' bovenaan de pagina en selecteer vervolgens de 'Genereren ' in het pop-upvenster om automatisch SEO-gegevens aan te maken of in te vullen.

     

    AI-optimalisatieknop

     

    4. Import-/exportlocaties

    Importlocaties

    Om te beginnen met het importeren van uw locaties, gaat u naar Menu Locatiezoeker > Instellingen > Importeren . Kies uw CSV- of KML- bestand in het juiste veld, afhankelijk van uw bestaande gegevensindeling.

     

    importlocaties

     

    Heeft u een sjabloon nodig? Klik dan op de 'Download voorbeeld CSV-bestand' om ons voorbeeldbestand te downloaden en de juiste opmaak te bekijken. U kunt ook de 'Bestaande locaties bijwerken indien gevonden, of nieuwe locaties toevoegen die nog niet bestaan' aanvinken als u uw huidige gegevens wilt bijwerken terwijl u nieuwe gegevens toevoegt.

    Exportlocaties

    Wanneer u klaar bent om uw bestaande locaties te exporteren, gaat u naar het 'Exporteren '. Klik daar op de 'Exporteren naar CSV' of 'Exporteren naar KML', afhankelijk van het gewenste formaat.

     

    exportlocaties

     

    Synchronisatie

    Om automatische CSV-synchronisatie in te stellen, ga naar Instellingen en vervolgens naar Importeren/Exporteren > tabblad Synchronisatie om uw CSV-bestand uit de Mediabibliotheek te selecteren. Schakel de 'Automatische synchronisatie inschakelen' en geef de gewenste updatefrequentie op in het 'Synchronisatie-interval (minuten)' .

    Het systeem importeert automatisch gegevens met de door u gekozen intervallen, waarbij bestaande locaties worden bijgewerkt wanneer overeenkomsten worden gevonden en nieuwe vermeldingen worden aangemaakt voor aanvullende gegevens.

     

    synchronisatielocaties

     

    5. Toegangscontrole

    Om locatierechten (aanmaken, bewerken, verwijderen, publiceren) voor elke gebruikersrol te beheren, ga je naar Instellingen > Toegangsbeheer .

     

    toegangscontrole

     

    WP Location Finder: Installatie

    1. Install

    Om onze plugin te installeren, kunt u de standaard WordPress-installer gebruiken of de volledige map uitpakken en in de map /wp-content/plugin plaatsen.

     

    upload-plugin

     

    Klik vervolgens op 'Plugin activeren' om WP Location Finder menu in het linkermenu van WordPress te zien verschijnen.

    WP Location Finder is toegankelijk via een speciaal menu aan de linkerkant. 

    Vanaf nu dient u eerst in te loggen op uw JoomUnited-account voordat u de plugin gebruikt.

     

    joomunited-login-license

     

    2. Werk de plugin bij

     

    Om de WP Location Finder , kunt u de standaard WordPress-updater gebruiken. U kunt de nieuwe versie ook verwijderen en installeren vanuit een .zip-bestand dat u kunt downloaden van www.joomunited.com. In beide gevallen verliest u geen gegevens, omdat alles in de database is opgeslagen.

     

    wp-location-finder-install

     

    Zorg ervoor dat u altijd de nieuwste versie hebt om beveiligings- en stabiliteitsproblemen te voorkomen.

    Om de betaalde versie bij te werken, moet u inloggen op uw JoomUnited-account. Als u nog niet bent ingelogd, klikt u op de link 'Verbind uw JoomUnited-account om bij te werken' of 'JoomUnited-login'

     

    wp-location-finder-update

     

    Voer uw JoomUnited-accountgegevens (gebruikersnaam en wachtwoord) in. Na een succesvolle aanmelding verschijnt de link 'Nu bijwerken'

     

    wp-location-finder-update

     

    Tot slot kunt u alle commerciële JoomUnited-plugins bijwerken via de standaard WordPress-update.

     

    wp-location-finder-updated

     

    WP Location Finder: Zoeken en Locaties instellen

    1. Maak een locatie aan

    Om een ​​nieuwe locatie aan te maken, ga naar Locatiezoeker > Alle locaties. Klik op de knop ' Nieuwe locatie toevoegen' .

     

    nieuwe locatie toevoegen

     

    Daarna verschijnt de pagina 'Nieuwe locatie toevoegen', met twee hoofdpanelen: links het detailveld en rechts de kaart. Daaronder vindt u velden waarin u waarden kunt invullen of selecteren.

     

    • Locatienaam: voer de adresnaam in.
    • De URL wordt na publicatie gegenereerd.
    • Locatieomschrijving: 
    • Locatie zoeken: Voer een adres in het zoekveld in om de breedte- en lengtegraad te verkrijgen.

     

    voeg-nieuw-locatie-veld toe

     

    U kunt ook het adres handmatig invoeren in het veld onder de kaart - klik op de pijl om alle velden uit te vouwen.

     

    adres-handmatige-invoer

     

    Scrol omlaag voor meer gedetailleerde opties voor de locatie.

    • Uitgelichte afbeelding: kies een afbeelding die de locatie vertegenwoordigt.
    • Fotogalerij: upload foto's van de locatie.
    • Markeringsafbeelding: selecteer een pictogram in de pictogrammenset of upload uw eigen pictogram.

     

    afbeelding-pictogram-locatie

     

    • Locatie contact-URL
    • URL voor het overschrijven van de locatie
    • Tags: invoerlocatietag.
    • Locatie SEO-titel
    • Locatie SEO meta-beschrijving

     

    locatiegegevens

     

    Vervolgens kunt u een of meerdere categorieën voor de locatie selecteren.

     

    selecteer-locatie-categorie

     

    Vervolgens kunt u in het gedeelte 'Publiceren' de volgende velden instellen:

    • Status: kies één van de 3 statussen: Concept, In afwachting van beoordeling, Gepubliceerd
    • Zichtbaarheid: Openbaar, met wachtwoord beveiligd, Privé
    • Publicatietijd: Onmiddellijk, geplande publicatie
    • Shortcode: gebruik deze om overal op uw site te publiceren.

     

    locatie-publicatie-sectie

     

    Opslagvelden

    Om deze functie te gebruiken voor het weergeven van openingstijden aan klanten, moet u eerst de optie inschakelen in de instellingen. Zodra dat is gedaan, kunt u het 'Winkelvelden' wanneer u een nieuwe locatie aanmaakt.

     

    winkelveld op één locatie

     

    Voorbeeldlocatie

    Om een ​​voorbeeld van uw locatie op de website te bekijken, gaat u naar het gedeelte 'Publiceren knop Voorbeeld'

     

    preview-locatie

     

    2. Shortcode-generator

    Om een ​​shortcode voor een kaart te genereren, ga je naar Menu Locatiezoeker > Shortcodegenerator. Je kunt hieronder enkele opties instellen bij Weergavetype :

    • Locatie zoeken: [wplf type_of_view="location_search" default_address="Parijs, Frankrijk" categories="16" tags="27" map_zoom="Auto"]
    • Alleen kaartweergave: [wplf type_of_view="map_view" default_address="Parijs, Frankrijk" categories="16" tags="27" map_zoom="Auto"]
    • Enkele locatie: [wplf id="578" map_zoom="Auto"]
    • Frontend-inzendingsformulier: [wplf_submission]
    • Mijn locaties (frontend): [wplf_my_locations items_per_page="8"]

     

    shortcode-generator-location-search

     

    Afhankelijk van het door u gekozen weergavetype wordt een voorbeeld weergegeven van hoe het er op de frontend uit zal zien. De gegenereerde shortcode verschijnt in de linkerbenedenhoek. U kunt deze kopiëren en overal op uw pagina invoegen.

     

    3. Locatiecategorieën

    Om locatiecategorieën te beheren, ga naar Menu > Locatiezoeker > Locatiecategorieën.  Vanuit dit gedeelte kunt u uw locatiecategorieën eenvoudig beheren: toevoegen, bewerken of verwijderen!

     

    locatiecategorieën toevoegen

     

    4. Locatielabels

    Om locatietags te beheren, ga je naar Menu > Locatiezoeker > Locatietags. In dit gedeelte kun je je locatietags eenvoudig beheren: toevoegen, bewerken of verwijderen!

     

    locatie-tags toevoegen