Ga naar hoofdinhoud

WP Location Finder: MAP API -configuratie

1. Hoe maak ik een kaart-API?

1.1 Krijg Google Maps API -sleutel en API -services

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

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

Eerst moet u naar Google Cloud Console , een project selecteren of een nieuwe maken. Klik vervolgens op "API KEY" op de knop "+ Creëren" .

 

maak-api-sleutel

 

Volg vervolgens de volgende stap en klik op maken om een ​​nieuwe API -toets te krijgen. Sla het op voor de volgende stap.

 

API-key gecreëerd

 

Bovendien moeten bepaalde vereiste API -services worden ingeschakeld. Ga in de Google Console naar APIS & Services en vind ze zoals hieronder getoond:

  • Kaarten JavaScript API
  • Geocodering API
  • Geolocatie API
  • Plaatst API
  • Routebeschrijving API

 

Enable-API-services

 

1.2 Hoe maak ik een Google Map ID aan?

Maps Management -pagina om een ​​kaart -ID te maken Klik op Map ID maken .

 

Create-New-Map-ID

 

Voer vervolgens op de pagina Nieuwe Map ID aan, doe het volgende:

  • Naam: Voer de naam van de kaart -ID in.
  • Beschrijving: Beschrijf waarvoor de kaart -ID wordt gebruikt (optioneel)
  • Kaarttype: selecteer JavaScript en kies ook een raster (het standaard) of vectormaarttype.

 

nieuwe map-id-velden

 

Vergeet niet om op Opslaan om uw nieuwe kaart -ID weer te geven. Houd het alstublieft voor de instelling.

 

kaart-id-gecreëerd

 

Opmerking: een kaart -ID is een unieke identificatie die Google Map Styling en configuratie -instellingen vertegenwoordigt die zijn opgeslagen in Google Cloud. 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 hier om een nieuw account aan te maken of in te loggen op uw bestaande account. Deze stap is essentieel voordat u toegangstokens kunt genereren.

Zodra u succesvol bent ingelogd, zoekt u de 'Toegangstokens' in uw gebruikersinstellingen of accountmenu en selecteert u deze. Zoek en selecteer in het gedeelte 'Toegangstokens' de 'Toegangstoken aanmaken' om het genereren van tokens te starten. Alle velden voor het aanmaken van tokens zijn direct zichtbaar op de pagina 'Toegangstokens'. Zo maakt u uw token aan:

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

 

toegangstoken

 

Uw nieuwe toegangstoken wordt weergegeven zodra deze is aangemaakt. Zorg ervoor dat u deze token kopieert en veilig bewaart, aangezien u deze in de volgende configuratiestappen zult gebruiken.

 

token-gegenereerd

 

2. Hoofdinstellingen sectie

Kaartaanbieder

Ga naar Menu Locatiezoeker > Instellingen > Hoofdinstellingen om de voorkeuren van uw kaartaanbieder te configureren. U vindt twee beschikbare kaartaanbieders: Google en OpenStreetMap .

Als u Google Maps als uw 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.
  • MAP -ID: een kaart -ID is een unieke identificatie die Google Map Styling en configuratie -instellingen vertegenwoordigt die zijn opgeslagen in Google Cloud.
    Dit is verplicht om er een te hebben, u kunt de standaard (demo_map_id) behouden als u het niet nodig hebt.
  • Kaart Standaard Zoom: Standaard zoomniveau op de kaart op het eerste laden (Stel Auto Zoom in op 0)
  • Kaarttype: Wegenkaart, Satelliet, Hybride, Terrein.
  • Kaartlaag: KML, Verkeer, Openbaar Vervoer, Fietsen.

 

vullen

 

Als u OpenStreetMap als uw provider selecteert, moet u de toegangstoken invoeren die u in stap 1.3 :

  • Geocoderingstoegangstoken: Het LocationIQ-toegangstoken is vereist voor de functionaliteit voor automatisch aanvullen van adressen.
  • Kaart Standaard Zoom: Standaard zoomniveau op de kaart op het eerste laden (Stel Auto Zoom in op 0)
  • Kaarttype: Standaard, OpenStreetMap HOT, Carto Light, Carto Dark,...
  • Aangepaste tegellaag: voer uw aangepaste laag in.

 

OpenStreetMap-provider

 

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

  • Categoriefilter weergeven
  • Landfilter weergeven
  • Weergavestraalfilter
  • Eenheid van afstand: km/mi
  • Afstand voor Radius Search: Afstand in de Radius Search Tool
  • Display tag filter
  • Open locatiedetail in nieuw tabblad

 

kaart-gedetailleerde-instellingen

 

Kaartweergave

De locaties die u hebt gemaakt, worden op de kaart weergegeven in het Instellingen .

 

kaartendisplay-setting

     

    Kleur- en markerafbeelding

    U kunt de afbeelding van kleur en standaard marker hier aanpassen.

     

    Locatie-kleur-marker-setting

    Enkele locatie

    • Winkelvelden toevoegen: voeg enkele specifieke velden toe aan elke locatie zoals winkelnamen en winkel openingstijden

     

    3. Shortcodegenerator

    Om een ​​shortcode voor een kaart te genereren, ga je naar Menu Locatiezoeker > Shortcodegenerator. Je kunt hieronder een aantal opties instellen via Type weergave :

    • 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"]
    • Eén locatie: [wplf id="578" map_zoom="Auto"]
    • Frontend-inzendingsformulier: [wplf_submission]
    • Mijn locaties (frontend): [wplf_my_locations items_per_page="8"]

     

    shortcode-generator-locatie-zoekopdracht

     

    Afhankelijk van het geselecteerde weergavetype wordt een voorbeeld weergegeven van hoe de shortcode er op de frontend uitziet. De gegenereerde shortcode verschijnt linksonder, en u kunt deze kopiëren en overal op uw pagina invoegen.

     

    4. Locatiecategorieën

    Om locatiecategorieën te beheren, navigeer naar menu Locatie Finder> Locatiecategorieën.  Uit dit gedeelte kunt u uw locatiecategorieën moeiteloos beheren - indien nodig deze toevoegen, bewerken of verwijderen!

     

    Add-locatie-categorieën

     

    5. Locatietags

    Om locatietags te beheren, navigeer naar menu Locatie Finder> Locatietags. Uit dit gedeelte kunt u uw locatietags moeiteloos beheren - indien nodig deze toevoegen, bewerken of verwijderen!

     

    ADD-LOCATION-TAGS

     

    6. 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 op basis van uw bestaande gegevensformaat.

     

    importlocaties

     

    Heb je een sjabloon nodig? Klik op de 'Download voorbeeld CSV-bestand' om ons voorbeeldbestand te downloaden en de juiste indeling te bekijken. Je kunt ook de 'Bestaande locaties bijwerken indien overeenkomend, of nieuwe locaties toevoegen die niet bestaan' aanvinken als je je huidige gegevens wilt bijwerken terwijl je nieuwe items toevoegt.

    Exportlocaties

    Wanneer u klaar bent om uw bestaande locaties te exporteren, navigeert 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, navigeert u naar Instellingen en vervolgens naar het tabblad Importeren/Exporteren > 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 op de door u gekozen tijdstippen. Bestaande locaties worden bijgewerkt als er overeenkomsten zijn gevonden en er worden nieuwe vermeldingen voor aanvullende gegevens aangemaakt.

     

    synchronisatielocaties

     

    7. Toegangscontrole

    Om de locatiemachtigingen (maken, bewerken, verwijderen, publiceren) voor elke gebruikersrol te beheren, gaat u naar Instellingen > Toegangscontrole .

     

    toegangscontrole

     

     

     

    WP Location Finder: installatie

    1. Installeren

    Om onze plug-in te installeren, moet je het standaard WordPress-installatieprogramma gebruiken of uitpakken en alle mappen in / wp-content / plugin plaatsen.

     

    upload-plug-in

     

    Klik vervolgens op de plug -in activeren , om WP Location Finder -menu te zien verschijnen in het WordPress Left -menu.

    WP Location Finder is toegankelijk via een speciaal linksmenu. 

    Zorg er vanaf nu voor dat u inlogt op uw gejamiteerde account voordat u de plug -in gebruikt.

     

    joomunited-login-licentie

     

    2. Update de plug-in

     

    Om de WP Location Finder , kunt u de WordPress standaard updater gebruiken. U kunt ook de nieuwe versie verwijderen en installeren van een .zip -bestand gedownload op www.joomunited.com. In elk geval verliest u geen inhoud omdat alles in de database wordt opgeslagen.

     

    WP-locatie-finder-installatie

     

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

    Om de betaalde versie bij te werken, moet u inloggen op uw gejamiteerde account. Als u nog niet bent ingelogd, klikt u op de 'uw gejamiteerde account aansluiten om' of 'gejamiteerde login' linktekst bij te werken.

     

    WP-locatie-finder-update

     

    Voer uw Joomunited Account inloggen en wachtwoord in. Na een succesvolle login verschijnt 'Update Now'

     

    WP-locatie-finder-update

     

    Vervolgens kunt u eindelijk alle commerciële JoomUnited-plug-ins bijwerken vanuit de bijgewerkte WordPress-standaard.

     

    WP-Location-Finder-Upeded

     

    WP Location Finder: Search and Locations Setup

    Maak een locatie

    Om een ​​nieuwe locatie te maken, navigeer je naar Location Finder> alle locaties. Klik op de knop " Nieuwe locatie toevoegen" .

     

    Add-nieuwe locatie

     

    Daarna verschijnt de nieuwe locatie -pagina toevoegen, met het 2 hoofdpaneel, links is het veld Details en rechts is de kaart. Hieronder staan ​​velden die u kunt invoeren of waarde selecteren.

     

    • Locatienaam: Naam invoeradres.
    • URL: wordt gegenereerd na publicatie.
    • Locatie Beschrijving: 
    • Locatieonderzoek: typ een adres in het zoekveld om een ​​waarde te krijgen voor breedtegraad en lengtegraad.

     

    add-New-locatie-veld

     

    Als alternatief gebruik het gedeelte Handmatige invoeradres onder de kaart - klik op de pijl om alle velden uit te breiden.

     

    adres-manuele input

     

    Sroll naar beneden om meer gedetailleerde opties voor de locatie te krijgen.

    • Afbeelding van functies: Kies Afbeelding voor de locatie.
    • Afbeeldingsgalerij: Upload afbeeldingen voor de locatie.
    • Markeerafbeelding: selecteer in pictogrammenet of upload uw eigen pictogram.

     

    afbeelding-icon-locatie

     

    • Locatie Contact URL
    • Locatie die url overschrijft
    • Tags: invoerlocatie -tag.
    • Locatie SEO -titel
    • Locatie SEO Meta Beschrijving

     

    locatie-details

     

    Vervolgens kunt u een/multi -categorie voor de locatie selecteren.

     

    select-locatie-categorie

     

    Vervolgens kunt u in het gedeelte Publiceren deze velden instellen:

    • Status: kies één op 3 Status: concept, in afwachting van beoordeling, gepubliceerd
    • Zichtbaarheid: openbaar, wachtwoord beveiligd, privé
    • Publicatietijd: onmiddellijk, geplande publicatie
    • Shortcode: gebruik het om overal op uw site te publiceren.

     

    Locatie-publish-sectie

     

    Winkelvelden

    Om deze functie te gebruiken voor het weergeven van openingstijden voor klanten, moet u eerst de optie in de instellingen inschakelen. Zodra dat is gebeurd, kunt u het Store Fields bij het maken van een nieuwe locatie.

     

    single-locatie-winkelsveld

     

    Voorbeeld locatie

    Om een ​​voorbeeld van uw locatie aan de voorkant te bekijken, gaat u eenvoudig naar het Publiceren en klikt u op de knop " Voorbeeld" .

     

    preview-locatie