إرفاق محرر الخرائط

قم بتركيب محرر Kaleidr في صفحتك ودع المستخدمين يصممون خريطة.

يتطلب مفتاح publishable بنطاق design ضمن خطة Pro أو أعلى. يجب أن يكون origin الخاص بصفحتك ضمن allowlist الخاصة بالمفتاح وأن يتم تقديمها عبر HTTP(S)؛ كما يجب أن يسمح CSP بـ 'wasm-unsafe-eval' (MapLibre) وبمضيفي tile/vendor — راجع الحصول على مفتاح API وContent Security Policy.

<div id="editor" style="height:640px"></div>
<script src="https://cdn.kaleidr.com/embed/v1/kaleidr.js"></script>
<script>
  const handle = Kaleidr.mount('#editor', {
    product: 'editor',
    publishableKey: 'kld_pk_live_…',  // design scope
    styleId: 'kaleidr-night',         // catalog basemap id or full style URL
    center: [-0.12, 51.5],
    zoom: 11,
    pitch: 35,
    bearing: -15,
  });
  // later: handle.destroy();
</script>

ينشئ المحرر خريطة MapLibre خاصة به داخل #editor. وتستدعي مساعدات map-design الخاصة به (تحليل dataset، وبناء layer) سطح design في platform باستخدام مفتاحك، مع فوترة نطاق design. مرر styleId (مثل catalog basemap id كـ kaleidr-night، أو full style URL) للبدء من basemap.

لـ dev basemap، مرر tileBase: 'https://tile-dev.kaleidr.com' — وعندها يتم حل style ids الخاصة بالـ catalog من خلاله بدلًا من production tile.kaleidr.com.

راجع Editor attach.