mapbox-pointer-style-demo

1"use client"
2 
3import {
4  MapboxPointer,
5  MapboxPointerLabel,
6} from "@/components/ui/mapbox-pointer"
7 
8export default function MapboxPointerStyleDemo() {
9  // Dublin, Ireland coordinates
10  const latitude = 53.3598
11  const longitude = -6.2603
12 
13  return (
14    <div className="w-full">
15      <MapboxPointer
16        latitude={latitude}
17        longitude={longitude}
18        zoom={10.7}
19        style="navigation-night-v1"
20        interactive={true}
21        className="h-96"
22      >
23        <MapboxPointerLabel
24          label="Dublin, Ireland"
25          href="https://en.wikipedia.org/wiki/Dublin"
26        />
27      </MapboxPointer>
28    </div>
29  )
30}