kaleidr.js، المحمّل
kaleidr.js هو السكربت الذي تبدأ منه جميع تضمينات Kaleidr. يعرّف الكائن العام window.Kaleidr والعنصر المخصص <kaleidr-map>. وهو صغير ولا يتضمن مكتبة خرائط أو شيفرة المنتجات. عند تركيب منتج، يحمّل حزمته من شبكة CDN نفسها ويمرر الخيارات إليه.
<script src="https://cdn.kaleidr.com/embed/v1/kaleidr.js"></script>
لا توجد حزمة npm. علامة script هي الطريقة الوحيدة لتحميل SDK. للاستخدام مع React وNext.js وVue وTypeScript راجع التكامل مع أطر العمل.
تحميل السكربت
| السؤال | الإجابة |
|---|---|
| أين توضع العلامة؟ | في أي مكان. تُركّب عناصر <kaleidr-map> سواء سبقت العلامة أم جاءت بعدها. |
متى أستطيع استدعاء Kaleidr.mount؟ | بعد تنفيذ السكربت. مع علامة <script src> عادية، يمكن لأي سكربت تالٍ استدعاؤها. |
هل يمكن استخدام async أو defer؟ | نعم للعناصر. أما Kaleidr.mount فيجب انتظار حدث load للعلامة؛ إذ لا يوجد window.Kaleidr قبله. |
| كم مرة؟ | مرة واحدة لكل صفحة. |
هل يمكن إضافة integrity؟ | لا. يُحدّث الملف في مكانه، ولن تتطابق البصمة الثابتة مع الإصدار التالي. راجع إصدارات CDN. |
| هل يعمل على الخادم؟ | لا؛ يحتاج إلى window وdocument. في التطبيقات التي تُعرض من الخادم حمّله في المتصفح فقط. |
تحميل السكربت باستخدام async ثم تركيب المنتج عند وصوله:
<div id="map" style="height:480px"></div>
<script>
const s = document.createElement('script');
s.src = 'https://cdn.kaleidr.com/embed/v1/kaleidr.js';
s.async = true;
s.onload = () => {
Kaleidr.mount('#map', { product: 'viewer', shareId: 'YOUR_MAP_ID' });
};
document.head.appendChild(s);
</script>