---
title: Cruise region Page
layout: tui-ssg-template-layout.hbs
bodyClass: cruise
---

<main class="main-content">
  <section>
    <div class="tui-container">
      <h1>Kryssa i Karibien</h1>
      <div class="img-map-two-columns clearfix">
        <div class="img-map-left-column">
          {{>overview_image cruise-ship.data}}
        </div>
        <div class="img-map-right-column">
          {{>overview_map cruise-ship.data market=country.meta.market}}
        </div>
      </div>
    </div>
  </section>

  <section>
    <div class="tui-container">
{{>multi_column cruise-line heading='Kryssa i Karibien'}}
    </div>
  </section>
</main>

<script>
  function downloadLocationMapAtOnload() {
    var element = document.createElement('script')
    element.async = true
    element.defer = true
    element.src = 'https://maps.googleapis.com/maps/api/js?key=AIzaSyBnY3TvI8MED2KO3KsEWI27y-kdWie0NbE&channel=Blue{{upcase market}}&callback=TuiLocationMap.initMap'
    document.body.appendChild(element)
  }

  if (window.addEventListener) {
    window.addEventListener('load', downloadLocationMapAtOnload, false)
  }
  else if (window.attachEvent) {
    window.attachEvent('onload', downloadLocationMapAtOnload)
  }
  else {
    window.onload = downloadLocationMapAtOnload
  }
</script>
<script async src="https://customer-favourites-api-uat.tuinordic.net/heart.se.js"></script>