Tile

Das Produkt Tile rendert eine gestaltete Kaleidr-Basiskarte in einem von Kaleidr gehosteten iframe. Es ist das einzige schlüsselbasierte Produkt, das Free-Konten verwenden können — der Publishable Key enthält standardmäßig den maps-Scope und die tile-Produktzulassung.

Die drei Fakten, die entscheiden, ob es funktioniert

Fakt	Antwort
Einbindung	iframe — die Karte wird innerhalb von map-embed.kaleidr.com unter Kaleidrs eigener CSP geladen.
Erforderlicher Scope	maps.
Mindestplan	Free — ein Free-Schlüssel wird mit ["maps"]-Scope und ["tile"]-Produktzulassung erstellt.

Da die Karte innerhalb eines Kaleidr-iframes gerendert wird, benötigt die CSP der übergeordneten Seite KEINE Hosts für Karten / Tiles / Vendor-Bilder, wenn nur Tile eingebettet wird. Erst wenn Chat oder Editor auf derselben Seite ausgeführt werden, sind diese Hosts relevant — siehe Content Security Policy.

Wo die Komponenten zu finden sind

• SDK-Referenz — Tile — Attribute (style-id, center, zoom, pitch, bearing), Handle-Matrix und setStyle.
• Anleitung — Tiles verwenden — Style-Auswahl, Kamera- Weitergabe und Hinweise zum Self-Hosting.

Das eine Snippet

Minimal funktionsfähiges Tile-Embed:

<script src="https://cdn.kaleidr.com/embed/v1/kaleidr.js"></script>
<kaleidr-map product="tile"
             publishable-key="kld_pk_live_…"
             style-id="kaleidr-morning"
             style="height:480px"></kaleidr-map>

Wenn style-id fehlt, wird standardmäßig der Canvas-Standard des Viewers verwendet; auch eine vollständige Style-URL wird akzeptiert.