如果你做过 Web 地图开发，一定踩过这些坑。

想做一个漂亮一点的地图？先装地图 SDK，

再看接下来研究。Mapbox、 MapLibre、 Leaflet、 OpenLayers

真正难的不是地图，而是 UI。

使用者痛点汇总

• 按钮不好看
• 缩放控件太丑
• 图层切换太原始
• Marker 样式全靠自己写
• 主题切换还要重做一遍

第一次看到名字，很多人都会以为：

又一个地图 SDK？

其实不是。官方定位非常明确：一个开箱即用、可定制的 MapLibre UI 组件库.

MapLibre+Tailwind CSS+现代 UI=mapcn

它不会替代 MapLibre，而是在 MapLibre 之上提供一套真正现代化的地图组件。

为什么它一发布就火了？

原因很简单。

• shadcn/ui 的成功经验被搬运到地图领域。
• 组件源码直接给你。开发者可以自行改样式、交互和功能，而非黑盒 npm 包。
• Copy、Paste、Customize 的理念让集成变得极其简洁。

再看主要优势，

• 自己改样式； 老实说，
• 自己改交互；
• 自己 功能；

真正解决的是地图 UI 的问题

过去做地图项目时你会发现大量时间花在重复造轮子：

MapLibre
↓
自己写 Toolbar
自己写 Layer Switcher
自己写 Compass
自己写 Marker
自己写 Popup

而 mapcn 已经把这些常用能力准备好了例如：

• Compass
lI>Marker lI>Popup lI>Layer Switcher lI>Geolocation l I>Theme Toggle ... 等等。说起来，