Eine veröffentlichte Karte einbetten

Bette eine in Kaleidr Studio veröffentlichte Karte anhand ihrer Share-ID ein. Viewer ist schlüssellos — die Share-ID ist die Autorisierung — daher funktioniert dies in jedem Tarif, einschließlich Free.

<script src="https://cdn.kaleidr.com/embed/v1/kaleidr.js"></script>
<kaleidr-map product="viewer" share-id="abcd1234" style="height:520px"></kaleidr-map>

Kamera von deiner Seite aus steuern

Kaleidr.mount(...) gibt ein Handle zurück. Nur das Handle besitzt setCamera — das DOM-Element nicht. Der Aufruf von setCamera auf einem querySelector-Ergebnis wirft einen Fehler.

const handle = Kaleidr.mount('#wrap', { product: 'viewer', shareId: 'abcd1234' });
handle.setCamera({ center: [-0.12, 51.5], zoom: 12, duration: 800 });
// later: handle.destroy();

Wenn der Publisher der Karte sie auf bestimmte Domains eingeschränkt hat, wird sie nur auf diesen Websites gerendert. Siehe Viewer embed.