mapbox-pointer-demo

1"use client"
2 
3import {
4  MapboxPointer,
5  MapboxPointerLabel,
6} from "@/components/ui/mapbox-pointer"
7 
8export default function MapboxPointerDemo() {
9  return (
10    <div className="mx-auto w-full max-w-lg">
11      <MapboxPointer
12        latitude={37.7749}
13        longitude={-122.4194}
14        zoom={10}
15        clickForDirections={false}
16        interactive={false}
17        className="h-96 sm:h-[32rem]"
18      >
19        <MapboxPointerLabel
20          label="San Francisco, CA"
21          href="https://en.wikipedia.org/wiki/San_Francisco"
22        />
23      </MapboxPointer>
24    </div>
25  )
26}