mapcn

基于 MapLibre GL 与 Tailwind CSS 的现代化 React 地图组件库,开箱支持暗黑模式与 shadcn/ui。

包含组件

7
MapContainer (Basic Map)Marker & PopupFlyTo & Viewport CameraRoute Path & ArcsCluster & GeoJSON LayerMap Controls (Zoom, Compass, Fullscreen)Analytics Overlay Cards

mapcn 是一套专为 React 与 Next.js 打造的现代化开源地图组件库。它构建于高性能的 MapLibre GL 之上,使用 Tailwind CSS 进行样式定制,并深度契合 shadcn/ui 的设计语言与组合范式。内置开箱即用的亮暗主题底图自适应、交互式标记锚点(Markers)、平滑飞跃镜头动效(Fly-to)、轨迹连线与全套地图控制部件,让地理位置与空间数据可视化变得前所未有的轻量简单。