<style> .product-image-wrapper { z-index: 0; } .screen-grid { display: flex; flex-wrap: wrap; justify-content: space-evenly; gap: 5px; } /* The Modal (background) */ .modal { display: none; position: fixed; z-index: 9; padding-top: 25px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0 0 0 0.8); } /* Modal Content */ .modal-content { position: relative; background-color: #fefefe; z-index: 9; margin: auto; padding: 0; max-height: 80vh; max-width: 80vw; } .modal-img { z-index: 9; max-height: 80vh; max-width: 80vw; } /* The Close Button */ .close { background: #606061; color: #FFFFFF; line-height: 30px; font-size: 30px; position: absolute; right: 10px; text-align: center; top: 10px; width: 30px; text-decoration: none; font-weight: bold; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 15px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; z-index: 100; } .close:hover .close:focus { background: red; color: #999; text-decoration: none; cursor: pointer; } .mySlides { display: none; } /* Next & previous buttons */ .prev .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 5px; margin-top: -50px; color: white; font-weight: bold; font-size: 40px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; -webkit-user-select: none; } .prev { left: -40px; } /* Position the \"next button\" to the right */ .next { right: -40px; border-radius: 3px 0 0 3px; } /* On hover add a black background color with a little bit see-through */ .prev:hover .next:hover { color: #204387; text-decoration: none; } /* Number text (1/3 etc) */ .numbertext { color: black; width: 93%; font-size: 1.6rem; padding: 8px 12px; position: relative; background-color: rgba(255 255 255 0.8); } .screen-grid img:hover { border: solid 1px #204837 } @media screen and (max-width:1023px) { .img-thumb { display: flex; flex-basis: 49%; } } @media screen and (min-width:1024px) { .img-thumb { display: flex; Flex-basis: 24%; } } </style> <div id=\"links\"> <a class=\"pagebuilder-button-primary\" href=\"#video\" style=\"text-align: center; font-weight: normal;\"> <i class=\"fab fa-youtube\"></i> <span data-element=\"link_text\" style=\"font-weight: 600;\"> Video</span> </a> </div> <span id=\"contents\"></span> <h3>ClearCruise AR Examples</h3> <p>Click to enlarge images</p> <div class=\"screen-grid\"> <div class=\"img-thumb\"> <img src=\"https://www.smgeurope.com/media/wysiwyg/AR1.jpg\" style=\"width:100%\" onclick=\"openModal();currentSlide(1)\"> </div> <div class=\"img-thumb\"> <img src=\"https://www.smgeurope.com/media/wysiwyg/AR2.jpg\" style=\"width:100%\" onclick=\"openModal();currentSlide(2)\"> </div> <div class=\"img-thumb\"> <img src=\"https://www.smgeurope.com/media/wysiwyg/AR3.jpg\" style=\"width:100%\" onclick=\"openModal();currentSlide(3)\"> </div> <div class=\"img-thumb\"> <img src=\"https://www.smgeurope.com/media/wysiwyg/AR4.jpg\" style=\"width:100%\" onclick=\"openModal();currentSlide(4)\"> </div> </div> <div id=\"myModal\" class=\"modal\"> <div class=\"modal-content\"> <span class=\"close cursor\" onclick=\"closeModal()\">×</span> <div class=\"mySlides\"> <div class=\"numbertext\">1/4</div> <img class=\"modal-img\" src=\"https://www.smgeurope.com/media/wysiwyg/AR1.jpg\" style=\"width:100%\"> </div> <div class=\"mySlides\"> <div class=\"numbertext\">2/4</div> <img class=\"modal-img\" src=\"https://www.smgeurope.com/media/wysiwyg/AR2.jpg\" style=\"width:100%\"> </div> <div class=\"mySlides\"> <div class=\"numbertext\">3/4</div> <img class=\"modal-img\" src=\"https://www.smgeurope.com/media/wysiwyg/AR3.jpg\" style=\"width:100%\"> </div> <div class=\"mySlides\"> <div class=\"numbertext\">4/4</div> <img class=\"modal-img\" src=\"https://www.smgeurope.com/media/wysiwyg/AR4.jpg\" style=\"width:100%\"> </div> <a class=\"prev\" onclick=\"plusSlides(-1)\">❮</a> <a class=\"next\" onclick=\"plusSlides(1)\">❯</a> </div> </div> <br> <script> function openModal() { document.getElementById(\"myModal\").style.display = \"block\"; } function closeModal() { document.getElementById(\"myModal\").style.display = \"none\"; } var slideIndex = 1; showSlides(slideIndex); function plusSlides(n) { showSlides(slideIndex += n); } function currentSlide(n) { showSlides(slideIndex = n); } function showSlides(n) { var i; var slides = document.getElementsByClassName(\"mySlides\"); var dots = document.getElementsByClassName(\"demo\"); var captionText = document.getElementById(\"caption\"); if (n > slides.length) {slideIndex = 1} if (n < 1) {slideIndex = slides.length} for (i = 0; i < slides.length; i++) { slides[i].style.display = \"none\"; } for (i = 0; i < dots.length; i++) { dots[i].className = dots[i].className.replace(\" active\" \"\"); } slides[slideIndex-1].style.display = \"block\"; dots[slideIndex-1].className += \" active\"; captionText.innerHTML = dots[slideIndex-1].alt; } </script>
ClearCruise AR brings enhanced on water perception to Raymarine\'s Axiom Multifunction displays. With ClearCruise AR Raymarine Axiom users can make smarter decisions with navigation objects overlaid directly on Axiom\'s high definition video display.
This pack includes the CAM300 mini Day/Night IP Camera and the AR200 Video stabilasation module and cables to connect to any compatible Axiom display.
ClearCruise AR Features
Make Smarter Decisions - See critical navigation objects overlaid on HD video. Surrounding AIS-equipped vessel traffic and charted navigation aids are clearly identified with rich graphics on a live dynamic video image.
Recognize and Respond to Nearby Marine Traffic - Color-coded labels provide instant identification status and risk-assessment Live AIS Targets. ClearCruise AR provides positive identification of AIS equipped vessels on the horizon.
Understand Complex Navigational Situations - Major chart objects are identified for instant heads-up recognition. ClearCruise AR technology shows you visually where your saved waypoints and marks are located.
See your waypoints in the real world - Visualize nearby marks and waypoints for easy navigation. ClearCruise AR technology makes it easy to pick out the buoys marking the edges of the safe channel on a hazy day.
Make Smarter Decisions With ClearCruise Augmented Reality
ClearCruise™ AR (Augmented Reality) brings enhanced on-water awareness to Raymarine’s family of Axiom® chartplotters. With ClearCruise AR you can make smarter decisions with physical navigation objects overlaid directly on Axiom’s high-definition video display.
In The Box
- CAM300 Eyeball Day/Night Camera
- AR200 Augmented Reality Stabilisation Module
- RayNet to RJ45 Cable (10m)
- STNG Backbone Cable (1m)
- STNG T-Piece connector
{{widget type=\"MagentoCmsBlockWidgetBlock\" template=\"widget/static_block/default.phtml\" block_id=\"307\" type_name=\"CMS Static Block\"}}
