Components
Map
A composable, theme-aware React map component built on Mapbox GL and MapLibre GL, with declarative props for center, zoom, pitch, bearing, projection and auto-rotating globe.
import { Map } from "@/components/ui/map";
import { defaultMapLibreStyles } from "@/components/ui/map-utils/types";
export default function MapDemo() {
return (
<div className="h-[480px] w-full overflow-hidden rounded-lg border bg-muted">
<Map
styles={defaultMapLibreStyles}
center={[-74.006, 40.7128]}
zoom={11}
/>
</div>
);
}