Components
Loading preview...
A high-performance MapLibre marker layer that renders many clickable point markers from GeoJSON.
npx shadcn@latest add https://21st.dev/r/mapcn/mapcn-layer-markers"use client";
import { LayerMarkers, Map } from "@/components/ui/mapcn-layer-markers";
export default function LayerMarkersDemo() {
return (
<div className="flex min-h-screen w-full items-center justify-center bg-background p-8 overflow-hidden">
<div className="h-[420px] w-full max-w-4xl overflow-hidden rounded-xl border shadow-sm">
<Map center={[-73.98, 40.75]} zoom={11}>
<LayerMarkers />
</Map>
</div>
</div>
);
}
export { LayerMarkersDemo };