fix: adjust map scale and center to fit all continents

This commit is contained in:
Usman Baig
2026-01-16 20:35:43 +01:00
parent ff950b69f6
commit 450036f137

View File

@@ -45,7 +45,7 @@ const WorldMap = ({ data }: WorldMapProps) => {
return (
<div className="relative w-full h-[300px] bg-neutral-50 dark:bg-neutral-900/50 rounded-lg overflow-hidden border border-neutral-100 dark:border-neutral-800">
<ComposableMap projectionConfig={{ rotate: [-10, 0, 0], scale: 200, center: [0, 10] }}>
<ComposableMap projectionConfig={{ rotate: [-10, 0, 0], scale: 160, center: [0, 20] }}>
<ZoomableGroup maxZoom={1} translateExtent={[[0, 0], [800, 600]]}>
<Geographies geography={geoUrl}>
{({ geographies }) =>