anmolsaini16/mapcn

mapcn

Бесплатные и открытые, готовые к использованию настраиваемые компоненты карты для React.
Нулевая конфигурация. Настройка одной команды. Построена на MapLibre GL, оформлена под Tailwind, работает бесшовно с shadcn/интерфейсом.

Начните · Установка · Компоненты

Особенности

• 🎨 Осознанный темой — Автоматически адаптируется к режиму свет/тёмный
• 🎯 Zero config — Работает сразу с разумными настройками по умолчанию
• 📦 shadcn/ui совместимы — использует те же шаблоны и стилистические конвенции
• 🗺️ MapLibre GL с питанием — Полный доступ к мощным возможностям картографирования MapLibre
• 🧩 Composable — Постройте сложные интерфейсы карт с простыми, декларативными компонентами
• 📍 Маркеры и всплывающие окна — Богатая система маркеров с всплывающими окнами, подсказками и метками
• 🛤️ Маршруты — Рисуйте маршруты и маршруты на ваших картах
• 🎮 Управление — Управление зумом, компасом, поиском и полноэкранным управлением

Агент Скилл

Научите вашего агента по программированию (Claude Code, Cursor, Codex и т.д.) пользоваться mapcn:

Потом попросите карту или спросите, где она поместится в вашем приложении. См. mapcn.dev/docs/skill.

Условия использования базовой карты

mapcn использует CARTO Basemaps на базе данных OpenStreetMap для своих стандартных стилей и примеров.

mapcn

Free & open-source, ready-to-use, customizable map components for React. Zero config. One command setup. Built on MapLibre GL, styled with Tailwind, works seamlessly with shadcn/ui.

Get Started · Installation · Components

Features

• 🎨 Theme-aware — Automatically adapts to light/dark mode
• 🎯 Zero config — Works out of the box with sensible defaults
• 📦 shadcn/ui compatible — Uses the same patterns and styling conventions
• 🗺️ MapLibre GL powered — Full access to MapLibre’s powerful mapping capabilities
• 🧩 Composable — Build complex map UIs with simple, declarative components
• 📍 Markers & Popups — Rich marker system with popups, tooltips, and labels
• 🛤️ Routes — Draw routes and paths on your maps
• 🎮 Controls — Zoom, compass, locate, and fullscreen controls

Agent Skill

Teach your coding agent (Claude Code, Cursor, Codex, …) how to use mapcn:

npx skills add AnmolSaini16/mapcn

Then ask for a map, or ask where one would fit in your app. See mapcn.dev/docs/skill.

Basemap Terms of Service

mapcn uses CARTO Basemaps powered by OpenStreetMap data for its default styles and examples.

CARTO offers free tiers for commercial and non-commercial usage, subject to monthly tile request limits and attribution requirements.

• Commercial use: Free up to 1 million tile requests per month.
• Non-commercial use: Free up to 5 million tile requests per month.
• Attribution: CARTO and OpenStreetMap attribution must remain visible.
• API keys: CARTO requires API keys for raster basemaps and may extend this requirement to vector basemaps.

For production applications, review CARTO’s terms and configure your own basemap provider or API key as needed.

mapcn is built on MapLibre and supports alternative MapLibre-compatible basemap providers.

Sponsors

mapcn is free and open source, kept going by its sponsors. Want your logo here? See mapcn.dev/sponsors.

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)