Stel je voor: je hebt een website waar bezoekers dagelijks adressen zoeken op postcode. Ze tikken een postcode in, kiezen een straal (bijv. 10 km) en zien meteen welke adressen daarbinnen vallen – gesorteerd van dichtstbij naar verste.
Dat werkte altijd prima. Maar onder de motorkap draaide het op Google Maps. En dat betekende maandelijkse kosten die oplopen, gedoe met API-sleutels en limieten, en een vervelende afhankelijkheid van een techreus. Tijd voor een beter alternatief.
Wij bouwden daarom een volledig werkend alternatief met OpenStreetMap – zonder verlies van functionaliteit, maar met meer controle.
Het probleem: dure afhankelijkheid
Onze klant wilde af van Google Maps, maar was bang dat bezoekers een mindere ervaring zouden krijgen of dat de zoekfunctie zou haperen. Een begrijpelijke zorg.
Binnen het gebruikte systeem (Toolset) is het wel mogelijk om over te stappen naar OpenStreetMap (OSM), een vrij en open alternatief. Maar er was één groot probleem: OpenStreetMap biedt binnen die omgeving geen mogelijkheid om te zoeken op postcode mét straal.
Dus moesten we een oplossing bedenken die:
- Net zo snel en betrouwbaar zou werken als voorheen;
- Geen extra werk voor de beheerder zou opleveren;
- Onzichtbaar zou zijn voor de bezoeker – die merkt alleen dat het werkt.
De oplossing: een slimme tussenlaag
Wij hebben een slimme tussenlaag gebouwd. In plaats van alles overhoop te gooien, hebben we het bestaande systeem laten staan voor de weergave van adressen, maar de zoeklogica en afstandsberekening volledig vervangen door eigen code.
Praktische aanpak
- Stap 1 – Alle adressen voorbereiden
We hebben voor ieder adres in de database de bijbehorende coördinaten (breedte- en lengtegraad) opgeslagen. Dit deden we eenmalig voor alle bestaande adressen, en bij nieuwe adressen gebeurt dit automatisch zodra ze worden toegevoegd. Hierbij wordt gebruik gemaakt van de gratis Nominatim API. - Stap 2 – Snelheid gegarandeerd
Om te voorkomen dat de site trager zou worden, hebben we een cachingsysteem ingebouwd. Veelgebruikte zoekopdrachten worden tijdelijk bewaard, zodat ze bij een volgende keer razendsnel worden getoond – zonder dat er opnieuw externe servers hoeven te worden geraadpleegd. Dit maakt de site niet alleen sneller, maar bespaart ook nog eens extra API-aanroepen. - Stap 3 – Naadloze integratie
Het zoekformulier, de resultaten en zelfs de getoonde afstanden in kilometers – alles blijft er precies zo uitzien als voorheen. We hebben alleen de motor vervangen, niet het stuur of het dashboard. - Stap 4 – Gebruiksgemak voorop
We voegden zelfs een handige verbetering toe: het postcodeveld corrigeert automatisch de opmaak (denk aan de spatie tussen cijfers en letters) en accepteert alleen geldige tekens. Kleine moeite, groot gemak voor de bezoeker.
Bekijk ook onze projectbeschrijving voor alle technische details.
Het resultaat: winst voor iedereen
- Geen Google Maps-kosten meer – de maandelijkse factuur verdween volledig;
- Geen gezeur meer met API-limieten – de site blijft altijd bereikbaar, ook bij pieken;
- Snellere laadtijden door de ingebouwde caching;
- Volledige eigen regie – de klant is niet langer afhankelijk van big tech en betaalde diensten voor een kernfunctie van zijn website.
En de bezoeker? Die ziet precies dezelfde vertrouwde zoekfunctie – alleen laadt het nu nét iets vlotter.
Waarom dit ook voor jou interessant is
Of je nu een vereniging, een dienstverlener of een platform met adressen hebt – deze aanpak werkt overal waar je:
- Locatiegegevens toont;
- Bezoekers wilt laten zoeken op afstand;
- Kosten wilt besparen zonder in te leveren op kwaliteit.
En het mooie: je hoeft niet te kiezen tussen “duur en makkelijk” of “gratis en ingewikkeld”. Met onze oplossing krijg je betaalbaar, snel en onderhoudsvriendelijk in één.
Meer weten?
Ben je nieuwsgierig wat deze migratie voor jouw website kan betekenen? We vertellen je graag vrijblijvend meer over de mogelijkheden, de kosten en de doorlooptijd.
Mail of bel ons even, dan kijken we wat we voor je kunnen doen.
