Met de functie Stratenkaart maak je gepersonaliseerde producten met een kaart door Customix te koppelen aan Mapbox. Klanten kunnen hun eigen locatie invoeren en kunnen optioneel kiezen uit jouw eigen kaartstijlen terwijl ze het product ontwerpen.

1. Customix koppelen aan je Mapbox-account

Log eerst in op je Mapbox-account: https://console.mapbox.com/. Maak daarna onder het gedeelte Token een openbaar token aan en kopieer het:

Ga naar Instellingen → Diensten, zoek Mapbox onder Beschikbare diensten en voer je Mapbox-toegangstoken in. Zodra de koppeling actief is, toont de kaart de groene status Verbonden.

2. Kaartstijlen opslaan in je assetbibliotheek

Voer deze stap alleen uit als je klanten in je winkel wilt laten kiezen uit meerdere kaartstijlen. Sla de stap over als je maar één stijl nodig hebt.

  • Ga naar Assets → Kaarten.
  • Klik op Kaart toevoegen → Map toevoegen, geef de map een naam (bijv. Map Styles) en open hem.
  • Klik op Kaart toevoegen en selecteer vervolgens de optie Kaart toevoegen
  • Open in Mapbox Studio de gewenste stijl → Share → Production → scrol naar Developer resources en kopieer de Style URL (mapbox://styles/...).
  • Plak deze in het veld Kaartstijl-URL in Customix en klik op Opslaan.

Herhaal dit voor elke stijl die je wilt aanbieden.

3. Het element Stratenkaart toevoegen aan een sjabloon

  • Open een sjabloon en klik in de zijbalk links op het pictogram Elementen.
  • Selecteer Stratenkaart. Het element wordt aan het canvas toegevoegd en de instellingen ervan verschijnen aan de rechterkant.
  • Configureer onder Inhoud de Beginlocatie: typ coördinaten of klik op Op kaart selecteren.
  • Kies bij Kaartstijl een standaardstijl (Streets, Satellite, Outdoors, Light, Dark) of selecteer Aangepast:

Als je Aangepast kiest, ga dan terug naar Mapbox Studio → open de stijl → Share → kopieer de URL bij Preview only (https://api.mapbox.com/styles/v1/...), plak die in het veld URL van eigen kaartstijl en klik op Stijl toepassen

4. Personalisatie voor klanten inschakelen

In het gedeelte Personalisatie van de instellingen van Stratenkaart:

  • Personaliseren met locatie: vink dit aan zodat klanten in je winkel hun eigen adres kunnen zoeken en selecteren. Je kunt een Label instellen (bijv. Your address) en optioneel een Helptekst.
  • Personaliseren met kaartstijl: vink dit aan zodat klanten kunnen kiezen uit meerdere kaartstijlen. Selecteer in het venster dat verschijnt de map die je in stap 2 hebt gemaakt (bijv. Map Styles) en klik op Klaar

Sla het sjabloon op. Het element Stratenkaart is nu klaar in je winkel: klanten kunnen hun eigen locatie invoeren en, indien ingeschakeld, hun favoriete kaartstijl kiezen:

5. Masker voor de stratenkaart

Als je de stratenkaart in een eigen vorm wilt tonen, kun je de functie Masker gebruiken. Zodra je een masker uploadt, krijgt de kaart automatisch de vorm van het geüploade masker.

Bijgewerkt op: 23/09/2026