Components
Loading preview...
A MapLibre-powered map component with theme-aware basemaps, controlled viewport state, and custom style switching.
npx shadcn@latest add https://21st.dev/r/mapcn/mapcn-map"use client";
import { Map } from "@/components/ui/mapcn-map";
export default function DefaultMapDemo() {
return (
<div className="flex min-h-screen w-full items-center justify-center overflow-hidden bg-background p-8">
<div className="h-[420px] w-full max-w-4xl overflow-hidden rounded-lg border bg-background shadow-sm">
<Map center={[-74.006, 40.7128]} zoom={12} />
</div>
</div>
);
}
export { DefaultMapDemo };