header-logo
Aan de slagLees hoe je Wix gebruikt om je website en bedrijf op te bouwen. Pas je website aan met templates of huur een professional in om je aanwezigheid op het web te verbeteren.
Een website makenLees hoe je de Wix Editor gebruikt en de inhoud op je website beheert. Ontdek hoe je de privacy van bezoekers kan beschermen en je website toegankelijk kan maken.
Account en factureringBekijk de instellingen van je account, beheer je abonnementen en Premiumpakketten, en krijg inzicht in je facturen.
De mobiele Wix-apps gebruikenGebruik de Wix-app om je bedrijf efficiënt te runnen, interactie aan te gaan met bezoekers, en een community op te bouwen.
Een domein koppelenLees hoe je een domein koopt, koppelt, of overzet, en hoe je de gegevens van je website veilig houdt.
Je bedrijf beherenVind de juiste tools om je bedrijf te laten groeien: ontvang betalingen, bekijk analytics, leg contact met bezoekers, en meer.
Je website promotenLees hoe je je website promoot bij zoekmachines, e-mailcampagnes verzendt, en betaalde advertenties uitvoert.
Studio, Specialisten en EnterpriseHaal het meeste uit je Studio- en Wix Specialisten-account, zodat je je bedrijf op kan schalen.
Meer hulp nodig?Krijg informatie over de prestaties van je website en eventuele technische problemen. Houd aankomende functionaliteiten bij met onze Product Roadmap.
placeholder-preview-image
Wix LearnVerbeter je vaardigheden met onze cursussen en video's.
Wix BlogKrijg tips voor webdesign, marketing en meer.
SEO Learning HubLees hoe het organische websiteverkeer van zoekmachines te vergroten.
Website developmentBouw een eigen website met ons full-stack platform.
Een professional inhurenVind een professional voor hulp om je websitedoelen te behalen.
placeholder-preview-image
In dit artikel
  • Een adresveld toevoegen aan je CMS-verzameling
  • Verzamelingsvelden aan je plattegrond koppelen
  • Veelgestelde vragen

CMS: Adressen van je verzamelingsitems weergeven op Google Maps

In dit artikel
  • Een adresveld toevoegen aan je CMS-verzameling
  • Verzamelingsvelden aan je plattegrond koppelen
  • Veelgestelde vragen
Geef locaties uit je CMS-verzamelingsitems weer in een interactief Google Maps-element op je website. Voeg de locaties van je items toe in een adresveld in je verzameling. Koppel vervolgens een kaart op je website aan een dataset die aan je verzameling koppelt. 
Screenshot van de CMS-koppelingen van het Google Map-element.
Voordat je begint:

Een adresveld toevoegen aan je CMS-verzameling

Zorg ervoor dat de verzamelingsitems die je op de kaart wilt weergeven een locatie hebben die is ingevoerd in een adresveld. Eenmaal gekoppeld aan je kaart, worden deze locaties weergegeven als pins. Je kunt de titels, beschrijvingen, links, linktekst en URL's van de pins ook koppelen aan verzamelingsvelden.  

Om een adresveld aan je verzameling toe te voegen:

  1. Ga naar je CMS op het dashboard van je website. Je kunt in je Editor ook op CMSen vervolgens op Verzamelingen klikken.
  2. Klik op de verzameling.
  3. Klik op Velden beheren
  4. Klik op Veld toevoegen.
  5. Selecteer Adres en klik op Veldtype kiezen
  6. Voer een naam in het Veldnaam-veld in.
  7. (Optioneel alleen voor Velo) Werk het Veld-ID bij, die wordt gebruikt in de code van de website. Je kunt dit veld later niet meer bijwerken. 
  8. (Optioneel) Voer Help-tekst in als je naast de veldtitel een tooltip in je verzameling wilt weergeven.
  9. (Optioneel) Schakel de Persoonlijk identificeerbare informatie-schakelaar in om locatiegegevens die als persoonlijk identificeerbare informatie kunnen worden beschouwd, te versleutelen.
  10. Klik op Opslaan.
  11. Voer een locatie in voor elk item in het adresveld. Zorg ervoor dat je handmatig het juiste adres selecteert uit de lijst die verschijnt terwijl je typt. Als je geen adres uit de lijst selecteert, kan Google Maps problemen hebben met het lezen en correct weergeven van al je adressen.
Screenshot van het selecteren van adressen in een CMS-adresveld.

Verzamelingsvelden aan je plattegrond koppelen

Koppel je Google Maps-element aan een dataset die is gekoppeld aan je verzameling. Koppel vervolgens het adresveld aan de kaartlocatie en kies welke velden je wilt gebruiken met de rest van de koppelingen. Eenmaal gekoppeld, kun je ervoor zorgen dat alle locaties in beeld zijn door de zoominstelling aan te passen. Je kunt kiezen uit verschillende kaartontwerpen en de grootte van de kaart op je pagina aanpassen.  
  1. Ga naar je Editor.
  2. Ga naar de pagina of het onderdeel waaraan je een plattegrond wilt toevoegen.
  3. Klik links in de Editor op Elementen toevoegen.
  4. Klik op Contact en formulieren en selecteer Kaarten
  5. Klik en sleep het relevante Google Maps-element naar je pagina. 
  6. Klik op het Aan CMS koppelen-pictogram.
  7. Klik op de Kies een dataset-dropdown en selecteer een bestaande dataset die aan je verzameling koppelt. Je kunt ook op Dataset toevoegen klikken, vervolgens de verzameling kiezen die je wilt koppelen, de dataset een naam geven en op Maken klikken.
  8. Gebruik onder Koppelingsopties de dropdowns om elk deel van je kaart te koppelen:
    Tip: Klik op de relevante dropdown en selecteer + Toevoegen als je een nieuw verzamelingsveld wilt maken en koppelen.
    • Locatie is gekoppeld aan: Selecteer het adresveld dat je voor je item(s) wilt gebruiken. 
    • Titel is gekoppeld aan: Selecteer het veld dat je als titel wilt gebruiken. Deze wordt vetgedrukt op de kaart weergegeven.
    • Beschrijving is gekoppeld aan: Selecteer het veld dat je wilt gebruiken als de beschrijving, die onder de titel wordt weergegeven. 
    • Link is gekoppeld aan: Selecteer een URL-veld als je een link onder de titel en beschrijving wilt toevoegen. Zorg ervoor dat je de Tekst is gekoppeld aan-dropdown koppelt die de tekst bepaalt die wordt gekoppeld, anders wordt de link niet weergegeven.
    • Tekst is gekoppeld aan: Selecteer een veld dat je wilt gebruiken als de tekst die wordt gehyperlinkt naar de Link is gekoppeld aan-dropdown. Zorg ervoor dat je uit beide dropdowns selecteert, zodat de link wordt weergegeven.
    • Vastzetten is gekoppeld aan: Als je je eigen pictogram wilt gebruiken in plaats van de standaard pinmarkering van de kaart , selecteer je een URL-veld dat de URL van je pictogram bevat. We raden aan afbeeldingen te gebruiken die minder dan 30 pixels breed en hoog zijn. 
Screenshot met de koppelingsopties voor het Google Maps-element.
  1. Wijzig de grootte van je kaart door op de randen te klikken en deze te verslepen. Je kunt ook op het Uitrek-pictogramklikken om het uit te breiden tot de volledige breedte van je website.
  2. Klik op het Instellingen-pictogramop het Google Maps-element en kies uit de volgende opties: 
    • Zoomen: Sleep de schuifregelaar om de standaard zoompositie van je kaart te wijzigen.
    • Toon kaart- en satellietweergaven: Laat bezoekers schakelen tussen de kaart- en satellietweergaven. 
    • Zoomknoppen weergeven: Laat bezoekers in- en uitzoomen op je kaart. 
    • Street View-besturingselement weergeven: Laat bezoekers Google Street View selecteren om de locatie vanaf de straat te bekijken. 
    • Link routebeschrijving weergeven: Laat bezoekers op een link klikken om een routebeschrijving in Google Maps te bekijken.
    • Slepen toestaan: Laat bezoekers klikken en slepen om zich op de kaart te verplaatsen. 
Screenshot van de Google Maps-instellingen.
  1. Klik op het Ontwerp-pictogram   om een ander vooraf ingesteld kaartontwerp te kiezen.
    Let op: Het Ontwerp-tabblad heeft geen invloed op de pin van je kaart zodra je de kaart aan een dataset koppelt. Gebruik de Pin is gekoppeld aan-dropdown in stap 8 als je een aangepaste pin op je kaart wilt gebruiken.
Belangrijk:
Als je items in je verzameling hebt die geen locaties hebben in het adresveld dat je hebt gekoppeld, zal de kaart geen verzamelingsitems weergeven. Je kunt dit probleem oplossen door een filter aan de dataset toe te voegen. Stel de filter in op het adresveld en de voorwaarde op Is niet leeg. Als gevolg hiervan leest de dataset alleen items die een locatie hebben en geeft deze op de kaart weer. 

Veelgestelde vragen

Klik hieronder voor antwoorden op veelgestelde vragen over het koppelen van Google Maps aan je CMS. 

Helpmate

Hallo,

Een beetje meer begeleiding nodig?
Unlock personalized helpLog in to get the most out of Helpmate.