Die Weinland-Karte, wo der Wein herkommt.

Wein ist Herkunft. Wer eine Flasche aus Naoussa kauft, kauft auch den Boden, das Klima und die Lage — und genau das verschwindet, wenn eine Region nur ein Wort im Filtermenü ist. Die Weinland-Karte unter /weinland macht aus abstrakten Namen einen Ort, auf den man zeigen kann.

Warum eine Karte für einen Weinhändler zählt

Vertrauen im Weinhandel beginnt bei der Herkunft. Ein Kunde, der sieht, wo ein Weingut steht — am Hang, an der Küste, im Norden oder auf einer Insel — versteht die Flasche vor dem ersten Schluck anders. Die Karte verkauft nichts direkt. Sie tut etwas Wichtigeres: Sie macht die Geschichte hinter dem Sortiment sichtbar und gibt dem Kunden einen Grund zu bleiben.

Deshalb steht die Weinland-Karte nicht als Spielerei am Rand, sondern als eigene Seite. Sie deckt die griechischen Weinregionen quer durchs Land ab und ordnet die Weingüter geografisch, statt sie in einer Liste zu begraben. Wer „irgendwas aus dem Norden“ sucht, findet es hier mit dem Finger statt mit dem Suchfeld.

Die Technik: Mapbox GL und regionale Cluster

Die Karte läuft auf Mapbox GL JS. Jedes Weingut sitzt als eigener Marker auf der Karte. Bei vielen Markern auf engem Raum würde eine naive Umsetzung zu einer unleserlichen Wolke aus Stecknadeln. Deshalb arbeitet die Karte mit regionalem Clustering: Pins, die nah beieinander liegen, fassen sich zu einem Cluster zusammen und öffnen sich erst beim Hineinzoomen.

Das ist nicht nur hübscher, es ist auch schneller. Statt Dutzende Marker gleichzeitig zu zeichnen und zu bewegen, rendert die Karte zusammengefasste Gruppen — die Interaktion bleibt flüssig, auch wenn der Kunde zieht und zoomt. Vektor-Kacheln und GPU-Rendering von Mapbox GL tun den Rest: Die Karte fühlt sich wie eine App an, nicht wie ein eingebettetes Bild.

Mobil zuerst, nicht mobil als Nachgedanke

Ein Großteil des Weinkaufs passiert auf dem Telefon, abends, auf dem Sofa. Die Karte ist vollständig responsiv — Cluster, Marker und das Antippen eines Weinguts funktionieren mit dem Daumen so gut wie mit der Maus. Es gibt keine zweite, abgespeckte Mobilversion, die heimlich Funktionen weglässt. Es ist dieselbe Karte, die sich an den Bildschirm anpasst.

Consent korrekt: erst der Klick, dann das Skript

Wo in der Nähe der Karte Google Maps zum Einsatz kommt, lädt es erst nach einem klaren Zwei-Klick-Consent. Bevor der Kunde zustimmt, läuft kein einziges Google-Skript — keine stillen Drittanbieter-Verbindungen, kein Datenabfluss hinter dem Rücken des Besuchers. Das ist die rechtssichere Art, eine Karte einzubinden, und gleichzeitig die anständige.

Der Rest der Seite bleibt dieser Linie treu. CAVA misst mit Vercel Analytics — cookieless. Es gibt keine Tracking-Cookies, nur technisch notwendige. Eine Karte muss nicht der Punkt sein, an dem ein Shop seine Datenschutz-Disziplin verliert. Hier ist sie es nicht.

Was die Karte am Ende leistet

Eine gute Herkunftskarte tut drei Dinge gleichzeitig: Sie baut Vertrauen auf, weil sie zeigt, dass hinter jeder Flasche ein realer Ort steht. Sie hält den Besucher länger, weil Erkunden Spaß macht. Und sie führt ihn zurück zum Sortiment, weil von jedem Weingut der Weg in den Shop kurz ist. Performance, Clustering und Consent sind keine getrennten Themen — sie sind drei Seiten derselben Sorgfalt.

— Dimitrios