应用介绍
在 React 项目里加一张地图,要么接 Google Maps 按量付费,要么自己啃 MapLibre、Leaflet 的文档,配样式、做标记点、画路线、适配暗色模式,一张好看的地图能折腾好几天。
mapcn 把这些做成了现成的组件,一条命令装进项目就能用,写法和 shadcn/ui 一模一样:代码直接复制到你的仓库里,想怎么改就怎么改。地图基于 MapLibre GL 渲染,样式用 Tailwind,自动跟随亮色、暗色主题,默认配置就已经很好看。
它免费开源(MIT),GitHub 一万多星。默认底图用 CARTO,商用需要对应授权,也可以换成 OpenStreetMap、MapTiler 等任意 MapLibre 兼容的瓦片源。
零配置:一条命令安装,默认参数开箱即用。
主题自适应:自动跟随亮色和暗色模式切换地图样式。
标记和弹窗:丰富的标记点系统,支持弹窗、提示和标签。
路线绘制:在地图上画路线和轨迹,做跑步、骑行、配送类界面很方便。
地图控件:缩放、指南针、定位、全屏等控件一应俱全。
可组合:用声明式组件拼出复杂的地图界面,比如数据看板、航线图、地球视图。
完整 MapLibre 能力:需要时可以直接调用底层 MapLibre GL 的全部接口。
mapcn 把这些做成了现成的组件,一条命令装进项目就能用,写法和 shadcn/ui 一模一样:代码直接复制到你的仓库里,想怎么改就怎么改。地图基于 MapLibre GL 渲染,样式用 Tailwind,自动跟随亮色、暗色主题,默认配置就已经很好看。
它免费开源(MIT),GitHub 一万多星。默认底图用 CARTO,商用需要对应授权,也可以换成 OpenStreetMap、MapTiler 等任意 MapLibre 兼容的瓦片源。
软件功能
零配置:一条命令安装,默认参数开箱即用。
主题自适应:自动跟随亮色和暗色模式切换地图样式。
标记和弹窗:丰富的标记点系统,支持弹窗、提示和标签。
路线绘制:在地图上画路线和轨迹,做跑步、骑行、配送类界面很方便。
地图控件:缩放、指南针、定位、全屏等控件一应俱全。
可组合:用声明式组件拼出复杂的地图界面,比如数据看板、航线图、地球视图。
完整 MapLibre 能力:需要时可以直接调用底层 MapLibre GL 的全部接口。

