Route trace

"use client";
import { RouteTrace } from "@/components/ui/notchset/route-trace";

/* a 3 km loop through a park, as a phone's GPS records it */
const loop: [number, number][] = Array.from({ length: 81 }, (_, i) => {
  const t = (i / 80) * 2 * Math.PI;
  const r = 1 + 0.2 * Math.sin(2 * t + 1) + 0.09 * Math.sin(3 * t + 2);
  return [51.5262 + (Math.sin(t) * r * 0.65 * 650) / 111320, -0.1527 + (Math.cos(t) * r * 1.25 * 650) / 69300];
});

export default function RouteTraceDemo() {
  return (
    <div className="w-full max-w-[560px]">
      <RouteTrace label="Walk route, about 3 km, a loop" points={loop} height={260} />
    </div>
  );
}