Expanded Map

An interactive location card with a subtle 3D tilt that expands on click to reveal real map tiles, coordinates, and a location marker.

by Md Shejan Mahamud Mahamud

import { LocationMap } from "@/components/ui/expanded-map";

export default function ExpandedMapDarkDemo() {
  return (
    <div className="flex items-center justify-center p-12">
      <LocationMap
        location="Paris, France"
        latitude={48.8566}
        longitude={2.3522}
        tileProvider="carto-dark"
      />
    </div>
  );
}