shadcn maps

# 通过 shadcn CLI 一键安装地图组件
npx shadcn@latest add https://www.shadcnmaps.com/r/world-map

import React from 'react';
import { WorldMap } from '@/components/ui/world-map';

export function AnalyticsMap() {
  return (
    <div className="w-full max-w-4xl p-6 rounded-2xl border border-neutral-200 dark:border-neutral-800 bg-white dark:bg-neutral-950">
      <h3 className="text-lg font-semibold mb-4">全球用户活跃分布</h3>
      <WorldMap
        highlightedRegions={['US', 'CN', 'DE', 'JP', 'GB', 'SG']}
        onRegionClick={(code) => console.log('选中区域:', code)}
      />
    </div>
  );
}