mapcn：基于 MapLibre GL 的 React 地图组件

Source: Dev.to

概览

mapcn 是一个基于 MapLibre GL 的地图组件库，可通过单个 npx 命令安装。
它遵循 shadcn/ui 的模式，即直接将组件复制到项目中，而不是从 node_modules 导入。

主要特性

• 自动在浅色和深色地图样式之间切换主题。
• 带弹出框和工具提示的标记组件。
• 路径的路线渲染。
• 内置的缩放和导航控件。
• 免费的 CARTO 底图瓦片，无需 API 密钥。
• 组件接受 MapLibre 的属性，并通过 useMap hook 暴露完整的地图 API。

资源

• 博客文章： Map Components with MapLibre GL
• GitHub 仓库：
• 在线演示：