Solar carport at Bonaire International Airport a realistic prospect
What does a design look like in its existing surroundings? A technical drawing or 3D model provides a lot of information, but does not always clearly show how a design will be experienced on site. For a project at Bonaire International Airport, we visualized a planned solar carport for The Green World Company in 360 degrees, integrated into the existing environment.
Related subjects
The plan involves the development of a so-called solar carport: a canopy above the parking spaces, with solar panels mounted on a supporting frame structure. This gives the parking area a dual purpose. Cars can be parked underneath the structure, while the space above is used to generate solar energy.
Commissioned by The Green World Company, we visualized the proposed solar carport within the existing surroundings of Bonaire International Airport. A structure of this scale has a noticeable presence in its environment. As a result, its design—and particularly the choice of colors for the supporting frame—has a significant impact on how the solar carport is ultimately perceived.
To properly assess these design choices, it is important not only to view them in drawings, but also to see them within the actual environment. Our visualizations show how the different design options relate to the existing surroundings and how the choices made affect the final appearance.
The existing situation as a starting point
o provide the most reliable representation possible of the impact the solar carport will have on its surroundings, we used 360-degree panoramic photography on location. From two carefully selected viewpoints at Bonaire International Airport, the existing environment was captured in full 360 degrees.
These photographs form the basis for the final visualizations. The 3D model of the solar carport was then accurately integrated into the 360-degree images.
This involves much more than simply placing a 3D model in the correct position. Scale, perspective, viewing height, lighting, and the integration with the existing surroundings all need to align correctly. Only then can an image be created in which the future situation appears to be a natural part of the existing photograph.
It is precisely this combination of 360-degree photography and accurate 3D integration that makes it possible to present a design in a realistic and recognizable way.
Three scenarios within the same environment
From both locations, we developed three different scenarios for the solar carport in addition to the existing situation. The shape, position, and layout of the structure remain the same in each scenario. The main difference between the scenarios is the color of the frame supporting the solar panels.
By viewing all three variants from exactly the same position and within the same existing environment, the differences become immediately visible and easy to compare.
This is important because a color or material can look very different on a technical drawing or color sample than when applied to a large structure in its actual surroundings. Its relationship with surrounding buildings, cars, paving, vegetation, and other elements ultimately influences how the design is perceived.
The visualizations therefore turn a relatively abstract design choice into something very tangible: what will each variant actually look like on site?
Realism as the basis for a well-informed assessment
At The Imagineers, we see realism as more than just a way to create an attractive visualization. Above all, it is an important tool for assessing and communicating a design as reliably as possible.
A good visualization should therefore not make the future situation look better than it will actually be. Instead, it should provide a credible representation of what the completed project will look like.
How large is the structure in relation to the cars parked underneath it? How high will the roof with solar panels appear within the surrounding environment? How does the solar carport relate to the existing buildings? And what effect does the color of the supporting structure have on the overall appearance?
These are questions that can be difficult to answer from a drawing alone, but become clear almost immediately in a realistic 360-degree visualization.
</div></div>
<p> </p>
<h2>From design to a visualization <span style="color: #178eca;">everyone can understand</span></h2>
<p><span>An important advantage of visualizing a design within 360-degree photography is that the existing environment remains recognizable. Viewers do not need to be able to interpret technical drawings or complex 3D models to understand the design. They see the location as it exists today, with the future situation integrated into it.</span></p>
<p><span>This makes this type of visualization valuable during different phases of a project. The images can be used internally to compare design choices, but also to help clients, decision-makers, and other stakeholders understand what the future situation could look like.</span></p>
<p><span>The project at Bonaire International Airport is a good example of this. From two locations, we visualized the existing situation alongside three different design scenarios. This provides insight not only into </span><strong><span>what</span></strong><span> will be realized, but more importantly into </span><strong><span>how it could ultimately be experienced on site</span></strong><span>.</span></p>
<p><span>And that is precisely where we see the value of realistic 3D visualization: bridging the gap between plan and reality as effectively as possible.</span></p>
<p> </p>
<div id="hs_cos_wrapper_widget_4968987e-e5dc-4231-aaf9-2e5e3e39ec29" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module" >
<a class="hs-button"
href="https://demo-bonaire.ik-doe-mee.nl/pano/locatie-1?hide-map"
id="hs-button_widget_4968987e-e5dc-4231-aaf9-2e5e3e39ec29"
target="_blank"
rel="noopener ">
View the project in full screen
</a>
</div>
<p> </p></span>
</div>
</div>
<section class="related_main">
<div class="content-wrapper">
<div class="related_top">
<h2>Related news</h2>
<div class="arwBtn">
<a href="#" class="button"><span>More news</span><svg xmlns="http://www.w3.org/2000/svg" width="19" height="16" viewBox="0 0 19 16" fill="none">
<path d="M17.675 7.11375L11.53 0.96875L10.47 2.02875L15.69 7.24875H0V8.74875H15.69L10.47 13.9688L11.53 15.0288L17.675 8.88375C18.16 8.39875 18.16 7.60375 17.675 7.11375Z" fill="#090C0F"/>
</svg>
</a>
</div>
</div>
</div>
<div class="related_list">
<article class="related_post">
<div class="post_itemin">
<div class="post_info">
<div class="post_date">9 June 2026</div>
<h3 class="post_title"><a href="https://theimagineers.com/en/news/bringing-nature-restoration-to-life-with-ai-and-360-visualization">Bringing Nature Restoration to Life with AI and 360° Visualization</a></h3>
<div class="post_body">As The Imagineers, we were commissioned by the Province of Drenthe and worked under the responsibility of Prolander to develop the visual representation of the project area. In </div>
<div class="moreBtn"> <a href="https://theimagineers.com/en/news/bringing-nature-restoration-to-life-with-ai-and-360-visualization" >Read article</a> </div>
<div class="post_tag">
<div class="tag_wrap">
<a class="tag" href="https://theimagineers.com/en/news/tag/water">Water</a>
<a class="tag" href="https://theimagineers.com/en/news/tag/portfolio-area-development">Portfolio Area Development</a>
<a class="tag" href="https://theimagineers.com/en/news/tag/sep">SEP</a>
</div>
</div>
</div>
<div class="post_img" style="background:url(https://4787629.fs1.hubspotusercontent-eu1.net/hubfs/4787629/Banner%20blogpost%20EN.jpg) no-repeat center center/cover;"></div>
</div>
</article>
<article class="related_post">
<div class="post_itemin">
<div class="post_info">
<div class="post_date">7 September 2026</div>
<h3 class="post_title"><a href="https://theimagineers.com/en/news/de-buffer-zuid-natuurherstel-zichtbaar-gemaakt-met-ai-en-3d-visualisatie">Bringing Nature Restoration to Life with AI and 360° Visualization</a></h3>
<div class="post_body">As The Imagineers, we are involved in this project—commissioned by the province of Drenthe and under the responsibility of Prolander—to develop a visual concept for the area. In </div>
<div class="moreBtn"> <a href="https://theimagineers.com/en/news/de-buffer-zuid-natuurherstel-zichtbaar-gemaakt-met-ai-en-3d-visualisatie" >Read article</a> </div>
<div class="post_tag">
<div class="tag_wrap">
<a class="tag" href="https://theimagineers.com/en/news/tag/area-development">Area development</a>
<a class="tag" href="https://theimagineers.com/en/news/tag/water">Water</a>
<a class="tag" href="https://theimagineers.com/en/news/tag/portfolio-area-development">Portfolio Area Development</a>
<a class="tag" href="https://theimagineers.com/en/news/tag/sep">SEP</a>
</div>
</div>
</div>
<div class="post_img" style="background:url(https://4787629.fs1.hubspotusercontent-eu1.net/hubfs/4787629/Banner%20blogpost.jpg) no-repeat center center/cover;"></div>
</div>
</article>
<article class="related_post">
<div class="post_itemin">
<div class="post_info">
<div class="post_date">17 July 2026</div>
<h3 class="post_title"><a href="https://theimagineers.com/en/news/solar-parc-geerkade">Solar park Geerkade, Bringing the Future into View</a></h3>
<div class="post_body">Using our Stakeholder Engagement Platform (SEP), visitors can seamlessly switch between the current and future situation from several 360° viewpoints. This side-by-side comparison </div>
<div class="moreBtn"> <a href="https://theimagineers.com/en/news/solar-parc-geerkade" >Read article</a> </div>
<div class="post_tag">
<div class="tag_wrap">
<a class="tag" href="https://theimagineers.com/en/news/tag/area-development">Area development</a>
<a class="tag" href="https://theimagineers.com/en/news/tag/portfolio-area-development">Portfolio Area Development</a>
<a class="tag" href="https://theimagineers.com/en/news/tag/solar">Solar</a>
<a class="tag" href="https://theimagineers.com/en/news/tag/sep">SEP</a>
</div>
</div>
</div>
<div class="post_img" style="background:url(https://4787629.fs1.hubspotusercontent-eu1.net/hubfs/4787629/Zonnnepark%20Geerkade.png) no-repeat center center/cover;"></div>
</div>
</article>
<article class="related_post">
<div class="post_itemin">
<div class="post_info">
<div class="post_date">24 March 2024</div>
<h3 class="post_title"><a href="https://theimagineers.com/en/news/navigating-the-future">Navigating the future</a></h3>
<div class="post_body">Eight years ago, we made the strategic decision to develop Windplanner software within our company to enable our clients to independently visualize the visual impact of wind </div>
<div class="moreBtn"> <a href="https://theimagineers.com/en/news/navigating-the-future" >Read article</a> </div>
<div class="post_tag">
<div class="tag_wrap">
<a class="tag" href="https://theimagineers.com/en/news/tag/area-development">Area development</a>
<a class="tag" href="https://theimagineers.com/en/news/tag/energyplanner">EnergyPlanner</a>
</div>
</div>
</div>
<div class="post_img" style="background:url(https://4787629.fs1.hubspotusercontent-na1.net/hubfs/4787629/featured%20image%20navigating%20the%20future.jpg) no-repeat center center/cover;"></div>
</div>
</article>
<article class="related_post">
<div class="post_itemin">
<div class="post_info">
<div class="post_date">7 September 2021</div>
<h3 class="post_title"><a href="https://theimagineers.com/en/news/gebiedsontwikkeling-versnellen-in-energietransitie">Accelerating Area Development in the Energy Transition</a></h3>
<div class="post_body">That is why we combine our knowledge and experience in visualizing future area developments with the possibility of participation. Here are three important steps we briefly </div>
<div class="moreBtn"> <a href="https://theimagineers.com/en/news/gebiedsontwikkeling-versnellen-in-energietransitie" >Read article</a> </div>
<div class="post_tag">
<div class="tag_wrap">
<a class="tag" href="https://theimagineers.com/en/news/tag/energyplanner">EnergyPlanner</a>
</div>
</div>
</div>
<div class="post_img" style="background:url(https://4787629.fs1.hubspotusercontent-na1.net/hubfs/4787629/featured%20image%20gebiedsontwikkeling.png) no-repeat center center/cover;"></div>
</div>
</article>
</div>
<div class="progress" role="progressbar" aria-valuemin="0" aria-valuemax="100">
<span class="slider__label sr-only"></span>
</div>
<div class="content-wrapper mobOn">
<div class="related_top">
<div class="arwBtn">
<a href="#" class="button"><span>More news</span><svg xmlns="http://www.w3.org/2000/svg" width="19" height="16" viewBox="0 0 19 16" fill="none">
<path d="M17.675 7.11375L11.53 0.96875L10.47 2.02875L15.69 7.24875H0V8.74875H15.69L10.47 13.9688L11.53 15.0288L17.675 8.88375C18.16 8.39875 18.16 7.60375 17.675 7.11375Z" fill="#090C0F"/>
</svg>
</a>
</div>
</div>
</div>
</section>
</div>
<div data-global-resource-path="the-imagineers-theme-dec-2024/templates/partials/footer.html"><div class="footerrOuter">
<footer class="footer">
<div class="content-wrapper">
<div class="top-section pt80 pb80">
<div class="left-content">
<img src="https://5703483.fs1.hubspotusercontent-na1.net/hubfs/5703483/Company-logo.svg" alt="Company-logo" loading="lazy" width="200" height="64" style="max-width: 100%; height: auto;">
</div>
<div class="right-content">
<div class="contact-info">
<div class="contact-link" >
<a
href="tel:+31515439230"
>
+31 515 439 230
</a>
</div>
<div class="contact-link" >
<a
href="mailto:info@theimagineers.com"
>
info@theimagineers.com
</a>
</div>
</div>
<div class="address">
<span style="color: #505962;">Graaf Adolfstraat 36b</span>
<p><span style="color: #505962;">8606 BT Sneek
</span><br><span style="color: #505962;">The Netherlands</span></p>
</div>
</div>
</div>
<div class="middle-content pt80 pb80 mobilepb40">
<div class="left-content">
<div class="form-text desktop-content">
<div>
<h5><span style="color: #090c0f;">Let's shape tomorrow</span></h5>
</div>
<div>
<div>
<div><a href="https://windplanner-4787629.hs-sites.com/en/energyplanner?hsLang=en">
<h5> </h5>
</a></div>
</div>
</div>
</div>
<div class="form-container pt40">
<span id="hs_cos_wrapper_module_17301186816565_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_form" style="" data-hs-cos-general-type="widget" data-hs-cos-type="form" ><h3 id="hs_cos_wrapper_form_225199365_title" class="hs_cos_wrapper form-title" data-hs-cos-general-type="widget_field" data-hs-cos-type="text"></h3>
<div id='hs_form_target_form_225199365'></div>
</span>
</div>
</div>
<div class="right-content">
<div class="category">
<div class="title">
<p>
EnergyPlanner
</p>
</div>
<span id="hs_cos_wrapper_module_17301186816565_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu" ><div id="hs_menu_wrapper_module_17301186816565_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu">
<ul role="menu">
<li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://theimagineers.com/en/energyplanner/wind" role="menuitem" target="_self">Wind</a></li>
<li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://theimagineers.com/en/energyplanner/solar" role="menuitem" target="_self">Solar</a></li>
<li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://theimagineers.com/en/energyplanner/line-grid" role="menuitem" target="_self">Line & grid</a></li>
<li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://theimagineers.com/en/energyplanner/storage" role="menuitem" target="_self">Storage</a></li>
<li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://theimagineers.com/en/energyplanner/pricing" role="menuitem" target="_self">Pricing</a></li>
<li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://theimagineers.com/en/energyplanner/professional-services" role="menuitem" target="_self">Services</a></li>
<li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://support.theimagineers.com/en" role="menuitem" target="_self">Knowledge base</a></li>
<li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="javascript:void(0);" aria-haspopup="true" aria-expanded="false" role="menuitem" target="_self">Features</a>
<ul role="menu" class="hs-menu-children-wrapper">
<li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://theimagineers.com/en/energyplanner/visualizations-animation" role="menuitem" target="_self">Visualizations</a></li>
<li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://theimagineers.com/en/energyplanner/maplayers" role="menuitem" target="_self">Map & world layers</a></li>
<li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://theimagineers.com/en/energyplanner/site-design-and-mitigation" role="menuitem" target="_self">Design & mitigation</a></li>
<li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://theimagineers.com/en/energyplanner/simulations" role="menuitem" target="_self">Simulations</a></li>
<li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://theimagineers.com/en/energyplanner/stakeholder-engagement" role="menuitem" target="_self">Stakeholder engagement</a></li>
</ul></li>
</ul>
</div></span>
</div>
<div class="category">
<div class="title">
<p>
Area development
</p>
</div>
<span id="hs_cos_wrapper_module_17301186816565_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu" ><div id="hs_menu_wrapper_module_17301186816565_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu">
<ul role="menu">
<li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://theimagineers.com/en/area-development/road" role="menuitem" target="_self">Road</a></li>
<li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://theimagineers.com/en/area-development/city" role="menuitem" target="_self">City</a></li>
<li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://theimagineers.com/en/area-development/water" role="menuitem" target="_self">Water</a></li>
<li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://theimagineers.com/en/news/tag/Portfolio-Area-Development" role="menuitem" target="_self">Portfolio</a></li>
<li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://theimagineers.com/en/area-development/pricing" role="menuitem" target="_self">Pricing</a></li>
<li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="javascript:void(0);" aria-haspopup="true" aria-expanded="false" role="menuitem" target="_self">Services</a>
<ul role="menu" class="hs-menu-children-wrapper">
<li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://theimagineers.com/en/area-development/visualization-animation" role="menuitem" target="_self">Visualization & Animation</a></li>
<li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://theimagineers.com/en/area-development/stakeholder-engagement" role="menuitem" target="_self">Stakeholder Engagement</a></li>
</ul></li>
</ul>
</div></span>
</div>
<div class="category">
<div class="title">
<p>
The Imagineers
</p>
</div>
<span id="hs_cos_wrapper_module_17301186816565_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu" ><div id="hs_menu_wrapper_module_17301186816565_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu">
<ul role="menu">
<li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://theimagineers.com/en/about-us" role="menuitem" target="_self">About The Imagineers</a></li>
<li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://theimagineers.com/en/contact" role="menuitem" target="_self">Contact</a></li>
<li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://theimagineers.com/en/support" role="menuitem" target="_self">Support</a></li>
<li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://theimagineers.com/en/news" role="menuitem" target="_self">News</a></li>
<li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://theimagineers.com/en/careers" role="menuitem" target="_self">Careers</a></li>
<li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://theimagineers.com/en/general-terms-and-conditions" role="menuitem" target="_self">Terms & conditions</a></li>
<li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://theimagineers.com/en/privacy-and-security" role="menuitem" target="_self">Privacy & security</a></li>
</ul>
</div></span>
</div>
</div>
<div class="form-text mobile-content mobilepb50">
<div>
<h5><span style="color: #090c0f;">Let's shape tomorrow</span></h5>
</div>
<div>
<div>
<div><a href="https://windplanner-4787629.hs-sites.com/en/energyplanner?hsLang=en">
<h5> </h5>
</a></div>
</div>
</div>
</div>
</div>
<div class="bottom-content pb80 mobilepb65">
<div class="left-content">
<div class="socials">
<a href="https://www.linkedin.com/company/the-imagineers-holland/posts/?feedView=all" target="_blank">
<img src="https://5703483.fs1.hubspotusercontent-na1.net/hubfs/5703483/_Social-media-icon-frame.svg" alt="_Social-media-icon-frame" loading="lazy" width="40" height="40" style="max-width: 100%; height: auto;">
</a>
</div>
<div class="mobile-content mobilept65">
<a href="#" class="arrow-top">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M25.3733 12.6236L17.1799 4.43031C16.5333 3.78365 15.4733 3.78365 14.8199 4.43031L6.62659 12.6236L8.03992 14.037L14.9999 7.07698V27.997H16.9999V7.07698L23.9599 14.037L25.3733 12.6236Z" fill="#44B3EA"/>
</svg>
<p>
Back to top
</p>
</a>
</div>
<div class="copyright pt20">
<p>Copyright © The Imagineers</p> <span id="current-year"></span>
</div>
</div>
<div class="right-content desktop-content">
<a href="#" class="arrow-top">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M25.3733 12.6236L17.1799 4.43031C16.5333 3.78365 15.4733 3.78365 14.8199 4.43031L6.62659 12.6236L8.03992 14.037L14.9999 7.07698V27.997H16.9999V7.07698L23.9599 14.037L25.3733 12.6236Z" fill="#44B3EA"/>
</svg>
<p>
Back to top
</p>
</a>
</div>
</div>
</div>
<div class="footer-bottom-line"></div>
</footer>
</div></div>
</div>
<!-- HubSpot performance collection script -->
<script defer src="/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js"></script>
<script src="//4787629.fs1.hubspotusercontent-eu1.net/hubfs/4787629/hub_generated/template_assets/1/183843402157/1788937135046/template_plugins.min.js"></script>
<script src="//4787629.fs1.hubspotusercontent-eu1.net/hubfs/4787629/hub_generated/template_assets/1/183843729944/1788937130017/template_main.min.js"></script>
<script>
var hsVars = hsVars || {}; hsVars['language'] = 'en';
</script>
<script src="/hs/hsstatic/cos-i18n/static-1.53/bundles/project.js"></script>
<script src="https://4787629.fs1.hubspotusercontent-eu1.net/hubfs/4787629/hub_generated/module_assets/1/184691137902/1769591683622/module_Custom_Header_Section.min.js"></script>
<script src="/hs/hsstatic/keyboard-accessible-menu-flyouts/static-1.17/bundles/project.js"></script>
<script>
var pageLang = $('html').attr('lang');
$('.language_box .lang_list_class li a[lang='+pageLang+']').addClass('active');
var datalangActive = $('.language_box .lang_list_class li a[lang="' + pageLang + '"]');
var activeVal = $('.lang_list_class .lang_switcher_link.active').html();
let svgIcon = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12.0007 16.0388C11.6807 16.0388 11.3607 15.9187 11.1157 15.6737L5.2207 9.77875L6.2807 8.71875L12.0007 14.4387L17.7207 8.71875L18.7807 9.77875L12.8857 15.6737C12.6407 15.9187 12.3207 16.0388 12.0007 16.0388Z" fill="#090C0F"></path></svg>'
if (datalangActive.length > 0) {
$('<span class="langAct">'+pageLang+svgIcon+'</span>').insertBefore('.language_box .globe_class');
}else{
$('.language_box .lang_list_class li:first-child > a').addClass('active');
var firstlang = $('.lang_list_class:first-child .lang_switcher_link').html();
$('<span class="langAct">'+pageLang+svgIcon+'</span>').insertBefore('.language_box .globe_class');
}
$('.mobile_navigation .Ontdek-button').insertAfter('.mobile_navigation .nav_top .hs-menu-children-wrapper');
$('.langAct').click(function(event){
event.stopPropagation();
$(this).toggleClass('open');
$('.expandMenu.active').trigger('click');
$('.mainmenu ul li.menu_item').removeClass('activeMenu');
$('.globe_class').toggle();
});
// Close dropdown when clicking outside
$(document).on("click", function (event) {
const languageContainer = $(".language_box");
if (!languageContainer.is(event.target) && languageContainer.has(event.target).length === 0) {
languageContainer.find(".globe_class").hide();
languageContainer.find(".langAct").removeClass("open");
}
});
/***************
* Language Switcher *
***************************/
$(document).ready(function () {
let chevronIcon = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M16.04 11.9998C16.04 12.3198 15.92 12.6398 15.675 12.8848L9.78 18.7798L8.72 17.7198L14.44 11.9998L8.72 6.27979L9.78 5.21978L15.675 11.1148C15.92 11.3598 16.04 11.6798 16.04 11.9998Z" fill="#44B3EA"/></svg>'
$('.mobile_navigation li.hs-item-has-children > a').after('<a class="child-trigger">'+chevronIcon+'</a>');
$('.mobile_navigation li.hs-item-has-children > a').on("click", function (e) {
e.preventDefault(); // Prevents the default action of the anchor tag
$(this).siblings(".child-trigger").click();
});
$(".mobile-nav-toggler").on("click", function () {
$('body').toggleClass("nav-open");
$(this).toggleClass("nav-open");
$('.mobile_navigation').slideToggle();
$('a.child-trigger').removeClass('child-open');
$('.hs-menu-children-wrapper').slideUp(250);
$('.hs-menu-children-wrapper').next('.Ontdek-button').slideUp(250);
return false;
});
$('a.child-trigger').click(function(){
// Close other open menus
$('a.child-trigger').not(this).removeClass('child-open').next('ul').slideUp(250);
$('a.child-trigger').not(this).removeClass('child-open').next('ul').next('.Ontdek-button').slideUp(250);
$(this).toggleClass('child-open');
$(this).next('ul').slideToggle(250);
$(this).next('ul').next('.Ontdek-button').slideToggle(250);
});
});
</script>
<script src="https://4787629.fs1.hubspotusercontent-eu1.net/hubfs/4787629/hub_generated/module_assets/1/405462581478/1784880638226/module_image-diff-slider.min.js"></script>
<script src="https://4787629.fs1.hubspotusercontent-eu1.net/hubfs/4787629/hub_generated/module_assets/1/183843402243/1747312672110/module_Footer_Section.min.js"></script>
<!--[if lte IE 8]>
<script charset="utf-8" src="https://js-eu1.hsforms.net/forms/v2-legacy.js"></script>
<![endif]-->
<script data-hs-allowed="true" src="/_hcms/forms/v2.js"></script>
<script data-hs-allowed="true">
var options = {
portalId: '4787629',
formId: '25c38a21-8d26-4f34-9d41-4b1cb509d346',
formInstanceId: '8687',
pageId: '470373601495',
region: 'eu1',
pageName: "Solar carport at Bonaire International Airport a realistic prospect",
inlineMessage: "Thanks for submitting the form.",
rawInlineMessage: "Thanks for submitting the form.",
hsFormKey: "5a3f6c32c87b957243eb3d4d873b5307",
css: '',
target: '#hs_form_target_form_225199365',
contentType: "blog-post",
formsBaseUrl: '/_hcms/forms/',
formData: {
cssClass: 'hs-form stacked hs-custom-form'
}
};
options.getExtraMetaDataBeforeSubmit = function() {
var metadata = {};
if (hbspt.targetedContentMetadata) {
var count = hbspt.targetedContentMetadata.length;
var targetedContentData = [];
for (var i = 0; i < count; i++) {
var tc = hbspt.targetedContentMetadata[i];
if ( tc.length !== 3) {
continue;
}
targetedContentData.push({
definitionId: tc[0],
criterionId: tc[1],
smartTypeId: tc[2]
});
}
metadata["targetedContentMetadata"] = JSON.stringify(targetedContentData);
}
return metadata;
};
hbspt.forms.create(options);
</script>
<!-- Start of HubSpot Analytics Code -->
<script type="text/javascript">
var _hsq = _hsq || [];
_hsq.push(["setContentType", "blog-post"]);
_hsq.push(["setCanonicalUrl", "https:\/\/theimagineers.com\/en\/news\/solar-carport-at-bonaire-international-airport-a-realistic-prospect"]);
_hsq.push(["setPageId", "470373601495"]);
_hsq.push(["setContentMetadata", {
"contentPageId": 470373601495,
"legacyPageId": "470373601495",
"contentFolderId": null,
"contentGroupId": 184980389739,
"abTestId": null,
"languageVariantId": 470373601495,
"languageCode": "en",
}]);
</script>
<script type="text/javascript" id="hs-script-loader" async defer src="/hs/scriptloader/4787629.js"></script>
<!-- End of HubSpot Analytics Code -->
<script type="text/javascript">
var hsVars = {
render_id: "08fa988a-8d37-4718-a901-0389605bf060",
ticks: 1789139100100,
page_id: 470373601495,
content_group_id: 184980389739,
portal_id: 4787629,
app_hs_base_url: "https://app-eu1.hubspot.com",
cp_hs_base_url: "https://cp-eu1.hubspot.com",
language: "en",
analytics_page_type: "blog-post",
scp_content_type: "",
analytics_page_id: "470373601495",
category_id: 3,
folder_id: 0,
is_hubspot_user: false
}
</script>
<script defer src="/hs/hsstatic/HubspotToolsMenu/static-1.640/js/index.js"></script>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v3.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</body>
</html>