Cp Travel To Map 

<div class="travel-to-map " data-map-type="">
    <section class="travel-to-map__background">
        <div class="grid-container">
            <div class="grid-x grid-padding-x">
                <div class="cell medium-order-2 medium-6 large-offset-1 large-6 large-order-1">
                    <div class="travel-to-map-carousel">
                        <div class="travel-to-map-carousel__title-container">
                            <div class="travel-to-map-carousel__buttons-container">
                                <a href="#" class="button-p3 button-p3--icon-only travel-to-map-carousel__previous-button  disabled" role="button">
                                    <svg width="20" height="14" viewBox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M12.2929 1.2928C12.6834 0.902276 13.3166 0.902276 13.7071 1.2928L18.7074 6.29306C19.0979 6.68358 19.0979 7.31675 18.7074 7.70727C18.3168 8.0978 17.6837 8.0978 17.2931 7.70727L12.2929 2.70701C11.9024 2.31649 11.9024 1.68332 12.2929 1.2928Z" />
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M1 6.00003L17 6.00003C17.5523 6.00003 18 6.44775 18 7.00003C18 7.55232 17.5523 8.00003 17 8.00003L1 8.00003C0.447715 8.00003 -7.61005e-08 7.55232 -8.74229e-08 7.00003C-3.91406e-08 6.44775 0.447715 6.00003 1 6.00003Z" />
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M18.6347 7.77952L13.7068 12.7074C13.3163 13.0979 12.6832 13.0979 12.2926 12.7074C11.9021 12.3168 11.9021 11.6837 12.2926 11.2932L17.2205 6.36531C17.611 5.97479 18.2442 5.97479 18.6347 6.36531C19.0252 6.75584 19.0252 7.389 18.6347 7.77952Z" />
                                    </svg>
                                </a>
                                <a href="#" class="button-p3 button-p3--icon-only travel-to-map-carousel__next-button  " role="button">
                                    <svg width="20" height="14" viewBox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M12.2929 1.2928C12.6834 0.902276 13.3166 0.902276 13.7071 1.2928L18.7074 6.29306C19.0979 6.68358 19.0979 7.31675 18.7074 7.70727C18.3168 8.0978 17.6837 8.0978 17.2931 7.70727L12.2929 2.70701C11.9024 2.31649 11.9024 1.68332 12.2929 1.2928Z" />
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M1 6.00003L17 6.00003C17.5523 6.00003 18 6.44775 18 7.00003C18 7.55232 17.5523 8.00003 17 8.00003L1 8.00003C0.447715 8.00003 -7.61005e-08 7.55232 -8.74229e-08 7.00003C-3.91406e-08 6.44775 0.447715 6.00003 1 6.00003Z" />
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M18.6347 7.77952L13.7068 12.7074C13.3163 13.0979 12.6832 13.0979 12.2926 12.7074C11.9021 12.3168 11.9021 11.6837 12.2926 11.2932L17.2205 6.36531C17.611 5.97479 18.2442 5.97479 18.6347 6.36531C19.0252 6.75584 19.0252 7.389 18.6347 7.77952Z" />
                                    </svg>
                                </a>
                            </div>
                        </div>
                        <div class="travel-to-map-carousel__track carousel__track">
                            <div class="travel-to-map-carousel__bounds carousel__bounds"></div>
                            <div class="travel-to-map-carousel__draggable carousel__draggable"></div>
                        </div>
                        <div class="travel-to-map-carousel__slider carousel__slider">
                        </div>
                    </div>
                </div>
                <div class="cell medium-order-1 medium-6 large-5 large-order-2 travel-to-map__map-cell">
                    <div class="travel-to-map__map-container" data-location-names=''>
                        <svg class="travel-to-map__svg-map" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1019.9 1311.4" xml:space="preserve">
                            <image width="1019.9" height="1311.4" style="overflow:visible;" xlink:href="/img/maps/flat-map.png">
                            </image>
                        </svg>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>
 
<div class="travel-to-map {{#if @first}}travel-to-map--show{{/if}}" data-map-type="{{type}}">
    <section class="travel-to-map__background">
        <div class="grid-container">
            <div class="grid-x grid-padding-x">
                <div class="cell medium-order-2 medium-6 large-offset-1 large-6 large-order-1">
                    {{> @cp-travel-to-map-carousel}}
                </div>
                <div class="cell medium-order-1 medium-6 large-5 large-order-2 travel-to-map__map-cell">
                    <div class="travel-to-map__map-container"
                        data-location-names='{{ jsonSerializer locations }}'>
                         {{> @map-svg class="travel-to-map__svg-map" }}
                    </div>
                </div>
            </div>
        </div>
    </section>
    {{#each locations}}
        {{#if information.title}}
        <section class="travel-to-info" data-location-code={{code}}>
            <div class="grid-container">
                <div class="grid-x grid-padding-x">
                    <div class="cell medium-10 medium-offset-1 small-no-pad">
                        {{> @cp-travel-info information}}
                    </div>
                </div>
            </div>
        </section>
        {{/if}}
    {{/each}}
</div>
 
/* No context defined for this component. */

There are no notes for this item.