mapcn

mapcn هي مكتبة مكونات خريطة (Map Components) مفتوحة المصدر (تحت ترخيص MIT) تم تطويرها بواسطة Anmoldeep Singh، وهي مصممة خصيصًا لمطوري React الذين يرغبون في دمج خرائط تفاعلية في تطبيقاتهم دون تعقيد. تعتمد المكتبة على MapLibre GL (نسخة مفتوحة المصدر من Mapbox GL) لمعالجة الخرائط وعرض البيانات الجغرافية، مع دعم Tailwind CSS لتصميم وتنسيق المكونات بسرعة. الميزة الأبرز لـ mapcn هي سهولة الاستخدام: “أمر واحد للإعداد، صفر تهيئة” (Zero config, one command setup). يمكن للمطور إضافة المكونات إلى المشروع ببساطة عبر تثبيت الحزمة واستيراد المكونات دون الحاجة للتعامل مع إعدادات معقدة لـ WebGL أو عناصر التحكم في الخريطة. جميع المكونات مُصممة لتتماشى مع نظام التصميم الشهير shadcn/ui، مما يضمن الاتساق البصري مع باقي واجهة التطبيق.

تتضمن المكتبة مجموعة من المكونات الجاهزة للاستخدام مثل خريطة أساسية (Basic Map)، علامات (Markers) قابلة للتخصيص، نوافذ منبثقة (Popups)، وعناصر تحكم (Zoom، Compass، Locate، Fullscreen). تدعم رسم المسارات والخطوط على الخريطة، والتكيف التلقائي مع الوضع الفاتح والداكن (Theme-aware). المكتبة تتبع نهجًا تركيبياً (Composable) يسمح ببناء واجهات خرائط معقدة باستخدام مكونات بسيطة وقابلة لإعادة الاستخدام. تعتمد بشكل افتراضي على CARTO Basemaps (التي تستند إلى بيانات OpenStreetMap)، ولكن يمكن تبديلها بسهولة إلى أي موفر آخر متوافق مع MapLibre مثل OpenStreetMap أو MapTiler أو Stadia Maps. مكتبة mapcn مناسبة لمطوري الويب الذين يبحثون عن حل خرائط حديث وبسيط مع تصميم جذاب يتكامل بسلاسة مع تطبيقات React الحديثة.