Editor

Das Produkt Editor bindet den Kaleidr-Karteneditor in deine Seite ein. Es verwendet die attach-Einbindung — MapLibre läuft im übergeordneten Dokument neben der Editor- Oberfläche und wird von deiner App gesteuert.

Die drei Fakten, die entscheiden, ob es funktioniert

Fakt	Antwort
Einbindung	attach — der Editor wird innerhalb deiner Seite eingebunden. MapLibre befindet sich nicht in einem iframe, sondern läuft im übergeordneten Dokument.
Erforderlicher Scope	design — der Schlüssel muss die design-Fähigkeit besitzen.
Mindestplan	Pro — Free-Schlüssel erlauben den design-Scope nicht.

Der Origin deiner Seite muss in der Origin-Allowlist des Schlüssels enthalten sein, bevor der Browser den Publishable Key gegen eine Session austauschen kann. Das im übergeordneten Dokument laufende MapLibre des Editors benötigt außerdem 'wasm-unsafe-eval' in der CSP des Kunden — siehe Content Security Policy.

Wo die Komponenten zu finden sind

• SDK-Referenz — Editor attach — Attribute, Mount- Optionen und Handle-Matrix (destroy, setCamera).
• Anleitungen:
  • Editor anhängen — das vollständige Mount-Muster von Anfang bis Ende.
  • Unternehmensdaten hochladen — der nur für Enterprise verfügbare Upload-Pfad für Vendor-Daten.

Das eine Snippet

Minimaler funktionsfähiger Editor-Mount. pitch und bearing werden derzeit beim Mounten akzeptiert; Live-Kameraaktualisierungen nach dem Mounten kommen mit dem editor-ui SDK-Release, der getrennt von dieser Dokumentation verfolgt wird.

<div id="editor" style="height:640px"></div>
<script src="https://cdn.kaleidr.com/embed/v1/kaleidr.js"></script>
<script>
  Kaleidr.mount('#editor', {
    product: 'editor',
    publishableKey: 'kld_pk_live_…',
  });
</script>