Umkreisfilter auf der Karte
Ein Schieberegler, der beim Erhöhen der Entfernung einen Radarkreis um deinen Standort auf einer Minikarte wachsen lässt.
Einstellungen
Code
<div class="uv-fds"><div class="map" aria-hidden="true"><i class="rd"></i><i class="ar"></i><i class="pn"></i></div><label class="sl"><span class="hd"><span>Maximale Entfernung</span><output><b>10</b> km</output></span><input type="range" min="1" max="25" value="10"></label></div>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Filter
Alle ansehen: FilterWofür du ihn nutzen kannst
Einen Suchradius schätzt man auf einer Karte besser ein als als Zahl. Dieser Filter zeichnet eine kleine Stadtkarte mit Straßen, Park und See, setzt eine Stecknadel in die Mitte und umgibt sie mit einem Kreis, der beim Ziehen des Reglers wächst. Ein weicher Radarstrahl dreht sich darin, damit der Bereich lebendig wirkt.
Das Maximum stellst du mit dem zusätzlichen Regler ein. Das Range-Input ist nativ und beschriftet, die Ausgabe zeigt Kilometer, und die Karte besteht aus CSS-Verläufen ohne Bilder oder Karten-APIs.