---
title: "Hoe u een kaart maakt | tutorials - GoodBarber"
description: "Hallo en welkom bij uw nieuwe GoodBarber-tutorial!\r \r Vandaag leren we hoe u een kaart in uw app maakt.\r U kunt zoveel punten toevoegen als u wilt om uw gebruikers plaatsen te tonen.\r \r Laten we onze…"
canonical_url: "https://nl.goodbarber.com/tutorials/inhoud/hoe-u-een-kaart-maakt/"
lang: nl
---

# Hoe u een kaart maakt | tutorials - GoodBarber

[Terug](https://nl.goodbarber.com/tutorials/)

# Hoe u een kaart maakt

Hallo en welkom bij uw nieuwe GoodBarber-tutorial!

Vandaag leren we hoe u een kaart in uw app maakt.
U kunt zoveel punten toevoegen als u wilt om uw gebruikers plaatsen te tonen.

Laten we onze sectie toevoegen via het menu Mijn app > Content > Secties.

Klik op Een sectie toevoegen.
Kies Kaart.

Geef de sectie een naam en voeg ze toe.

Nu bewerken we de inhoud.

Ik klik op Een punt maken om mijn eerste punt toe te voegen.

Ik geef het punt een naam.

Ik vul het adres en de coördinaten in.

Ik kan content toevoegen die mijn punt beschrijft.

Tekst, foto, video, citaat en embedcode.

Rechts kies ik de sectie waartoe mijn punt behoort, als ik meerdere kaarten in mijn app heb.

Ik kan actieknoppen en een website toevoegen.

Laten we de stijl van mijn icoon kiezen.
En de kleur ervan.

Hier kan ik ook een eigen icoon uploaden.

En ten slotte reacties toelaten of niet.

In het tabblad SEO vul ik tot slot de metagegevens van mijn punt in.

En publiceer ik mijn punt.

Verder met het design van de sectie.
De sectie Kaart biedt verschillende weergaven:
- een kaartweergave
- een lijst met punten
- en ten slotte een detailweergave van de punten.

Ik bewerk mijn lijst met punten.

Ik kan die weergave verbergen en alleen de kaart tonen.

En ook de volgorde van mijn weergaven bepalen.

Hier toon ik eerst mijn lijst.

Daarna kies ik de kleur van de achtergrond en de randen.

De weergave van thumbnail en info.

De kleuren en lettertypes van de teksten.

De kleur van het navigatiekruis.

En ten slotte de thumbnail.

Hetzelfde doe ik voor de detailweergave van de punten.

En mijn design is klaar :)

Tot slot de instellingen van de sectie.

In mijn lijst met secties klik ik op Instellingen.
Hier maak ik categorieën aan, wijzig ik de sortering van mijn punten en beheer ik de reacties.

En ten slotte de SEO-metagegevens.

Nu weet u hoe u een of meerdere kaarten in uw app opneemt!

Tot snel bij een volgende tutorial!

## Gerelateerde video's

[InhoudHoe u uw appsecties beheert](/tutorials/inhoud/hoe-u-uw-appsecties-beheert/)

![Hoe u uw appsecties beheert](https://portal.ww-cdn.com/portal_static/images/videos10.ee7c86369426.jpg)

[InhoudHoe u de GoodBarber-CMS beheert](/tutorials/inhoud/hoe-u-de-goodbarber-cms-beheert/)

![Hoe u de GoodBarber-CMS beheert](https://portal.ww-cdn.com/portal_static/images/videos11.9831ea33bee9.jpg)

[InhoudHoe u CMS-content kopieert](/tutorials/inhoud/hoe-u-cms-content-kopieert/)

![Hoe u CMS-content kopieert](https://portal.ww-cdn.com/portal_static/images/videos12.9b67d27c14b9.jpg)

[InhoudHoe u opmerkingen beheert](/tutorials/inhoud/hoe-u-opmerkingen-beheert/)

![Hoe u opmerkingen beheert](https://portal.ww-cdn.com/portal_static/images/videos13.c9a28ae5ce12.jpg)

[InhoudHoe u categorie/filters aan uw secties kunt toevoegen](/tutorials/inhoud/hoe-u-categoriefilters-aan-uw-secties-kunt-toevoegen/)

![Hoe u categorie/filters aan uw secties kunt toevoegen](https://portal.ww-cdn.com/portal_static/images/videos14.fd4d0e2c775b.jpg)

[InhoudHoe u links toevoegt in CMS-secties](/tutorials/inhoud/hoe-u-links-toevoegt-in-cms-secties/)

![Hoe u links toevoegt in CMS-secties](https://portal.ww-cdn.com/portal_static/images/videos15.a47e688ba735.jpg)

[InhoudHoe u pdf-bestanden beheert](/tutorials/inhoud/hoe-u-pdf-bestanden-beheert/)

![Hoe u pdf-bestanden beheert](https://portal.ww-cdn.com/portal_static/images/videos16.ef1bd6af4ffd.jpg)

[InhoudHoe u uw 404-pagina kunt aanpassen](/tutorials/inhoud/hoe-u-uw-404-pagina-kunt-aanpassen/)

![Hoe u uw 404-pagina kunt aanpassen](https://portal.ww-cdn.com/portal_static/images/videos17.2b57c18e0e71.jpg)

[InhoudHoe u artikelen maakt](/tutorials/inhoud/hoe-u-artikelen-maakt/)

![Hoe u artikelen maakt](https://portal.ww-cdn.com/portal_static/images/videos18.be5273fa02e6.jpg)

[InhoudHoe een fotogalerij weergeeft](/tutorials/inhoud/hoe-een-fotogalerij-weergeeft/)

![Hoe een fotogalerij weergeeft](https://portal.ww-cdn.com/portal_static/images/videos19.f7a42a4e62fa.jpg)
