علامة تبويب تبديل البيانات تعيق تنزيل خريطة المنشور

يطرح هذا السؤال عندما يفشل تنزيل خريطة المنشور داخل علامة تبويب تبديل البيانات بشكل صحيح . كانت الخريطة تعمل سابقًا عند عرضها خارج علامة التبويب.

السبب

يقوم المنشور بتهيئة الخريطة عند قراءة حجم الحاوية. عندما تكون الحاوية مخفية في البداية أو يتم تغيير أبعادها، يظل Leaflet غير مدرك للتغييرات، مما يؤدي إلى تنزيلات غير صحيحة للبلاط. هذه المشكلة شائعة عند استخدام علامات التبويب أو اللوحات المشروطة في أطر عمل مثل Bootstrap.

الحل

قم بتشغيل تحديث حجم الحاوية عن طريق استدعاء Map.invalidateSize() عندما يكون يتم عرض لوحة التبويب. يمكن القيام بذلك من خلال المستمع عند النقر على زر علامة التبويب.

تنفيذ المستمع بالنقر على زر علامة التبويب

لتنفيذ زر علامة التبويب، انقر فوق المستمع، راجع Stack Overflow أو وثائق خاصة بإطار العمل.