Attach Kaleidr AI to a Google map

<div id="map" style="height:520px"></div>
<div id="chat"></div>

<script src="https://cdn.kaleidr.com/embed/v1/kaleidr.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_GOOGLE_KEY&callback=initMap" async></script>
<script>
  function initMap() {
    const map = new google.maps.Map(document.getElementById('map'), {
      center: { lat: 51.5, lng: -0.12 },
      zoom: 11,
    });
    Kaleidr.mount('#chat', { product: 'chat', publishableKey: 'kld_pk_live_…', map });
  }
</script>

The chat bundle detects Google Maps automatically and plots resolved places as Google markers. Bills the ai scope. (Your Google Maps key and your Kaleidr key are separate — Google bills map tiles, Kaleidr bills AI.)