mapcn: React 지도 컴포넌트 (MapLibre GL 기반)

Source: Dev.to

Overview

mapcn은 MapLibre GL을 기반으로 만든 지도 컴포넌트 라이브러리이며, npx 명령 하나로 설치할 수 있습니다.
node_modules에서 가져오는 대신 컴포넌트를 직접 프로젝트에 복사하는 shadcn/ui 패턴을 따릅니다.

Key Features

• 라이트와 다크 지도 스타일 간 자동 테마 전환.
• 팝업 및 툴팁이 포함된 마커 컴포넌트.
• 경로를 위한 라우트 렌더링.
• 내장된 줌 및 네비게이션 컨트롤.
• API 키가 필요 없는 무료 CARTO 베이스맵 타일.
• 컴포넌트가 MapLibre props를 받아들이며 useMap 훅을 통해 전체 매핑 API를 노출합니다.

Resources

• Blog Post: Map Components with MapLibre GL
• GitHub Repository:
• Live Demo: