Что это такое?
mapcn — это бесплатная библиотека с открытым исходным кодом, в которой собраны готовые компоненты карт для React на основе MapLibre GL, оформленные в стиле shadcn/ui. С ней можно добавить карты в приложение на React без какой-либо настройки.
Это фреймворк для карт или набор компонентов для React?
Это библиотека компонентов, а не фреймворк — готовые блоки React, такие как маркеры, всплывающие окна, маршруты и элементы управления, которые добавляются в существующее приложение и следуют тем же принципам, что и shadcn/ui.
Как добавить это в мой проект?
mapcn рассчитан на установку одной командой и работает по схеме реестра компонентов shadcn/ui, которая позволяет сразу подтягивать компоненты в проект на React.
Что должно уже быть в моем проекте?
Нужно приложение на React (демо построено на Next.js) с уже подключенным MapLibre GL, поскольку mapcn — это тонкий стилизованный слой поверх него.
Можно ли бесплатно использовать стандартные тайлы карт в коммерческих целях?
Нет — встроенные базовые карты CARTO требуют лицензии CARTO Enterprise для коммерческого использования и бесплатны только для грантополучателей CARTO в некоммерческих проектах. Вместо них можно перейти на тайлы OpenStreetMap, MapTiler или Stadia Maps.
Что входит в комплект из коробки?
Компоненты карт, которые учитывают тему оформления: маркеры, всплывающие окна, подсказки, маршруты и пути, а также элементы управления масштабом, компасом, определением местоположения и полноэкранным режимом. Все они автоматически адаптируются к светлой и тёмной теме.
Почему по умолчанию используются базовые карты CARTO?
Базовые карты CARTO (построенные на данных OpenStreetMap) дают простой готовый источник тайлов, но у них свои коммерческие условия, поэтому mapcn позволяет заменить их на MapTiler, Stadia Maps или любой другой провайдер, совместимый с MapLibre.
Меня привязывает к shadcn, или это просто MapLibre под капотом?
Библиотека построена непосредственно на MapLibre GL, поэтому вам доступны все возможности MapLibre, а API компонентов и стилизация просто следуют составным шаблонам shadcn/ui.
What are similar projects?
rare-ui, canvas-ui, Monocharts, awesome-shadcn-ui, ui, arc-library, shadcn-vue, cult-ui
Which topics is it in?
maplibre, openstreetmap, gis, shadcn, maps, shadcn-ui, component-library, nextjs, ui-components, web-development, react, frontend