Solar carport bij Bonaire International Airport realistisch in beeld

Hoe ziet een ontwerp eruit in de bestaande omgeving? Een technische tekening of 3D-model geeft veel informatie, maar laat niet altijd goed zien hoe een ontwerp op locatie wordt ervaren. Voor een project bij Bonaire International Airport hebben we The Green World Company een geplande solar carport gevisualiseerd in 360 graden, vanuit de bestaande omgeving.

Het plan bestaat uit de realisatie van een zogenaamde solar carport: een overkapping boven de parkeerplaatsen waarbij zonnepanelen op een ondersteunende frameconstructie worden geplaatst. Hiermee krijgt de parkeerplaats een dubbele functie. Auto's kunnen onder de constructie worden geparkeerd, terwijl de ruimte erboven wordt benut voor het opwekken van zonne-energie.

In opdracht van The Green World Company hebben wij de beoogde solar carport gevisualiseerd binnen de bestaande omgeving van Bonaire International Airport. Een dergelijke constructie is nadrukkelijk aanwezig in de omgeving. De vormgeving en met name het kleurgebruik van het frame hebben daardoor invloed op hoe de solar carport uiteindelijk wordt ervaren.

Om deze ontwerpkeuzes goed te kunnen beoordelen, is het belangrijk om ze niet alleen op tekening te zien, maar juist binnen de werkelijke omgeving. Met onze visualisaties maken we inzichtelijk hoe de verschillende ontwerpvarianten zich verhouden tot de bestaande situatie en welk effect de gemaakte keuzes hebben op het uiteindelijke beeld.

 

De bestaande situatie als uitgangspunt

Om zo betrouwbaar mogelijk te laten zien wat de impact van de solar carport op de omgeving is, hebben we gebruikgemaakt van 360 graden bolfoto's op locatie. Vanuit twee zorgvuldig gekozen posities bij Bonaire International Airport is de bestaande situatie volledig rondom vastgelegd.

Deze fotografie vormt de basis voor de uiteindelijke visualisaties. Het 3D-model van de solar carport is vervolgens nauwkeurig in de 360 graden beelden geplaatst.

Daarbij draait het om veel meer dan alleen het plaatsen van een 3D-model op de juiste positie. Schaal, perspectief, kijkhoogte, lichtval en de aansluiting op de bestaande omgeving moeten met elkaar kloppen. Alleen dan ontstaat een beeld waarbij de toekomstige situatie daadwerkelijk onderdeel lijkt te zijn van de bestaande foto.

Juist deze combinatie van 360 graden fotografie en nauwkeurige 3D-inpassing maakt het mogelijk om een ontwerp op een realistische en herkenbare manier te presenteren.

Na afbeelding Voor afbeelding

Drie scenario's vanuit dezelfde omgeving

Vanuit beide locaties hebben we naast de huidige situatie drie verschillende scenario's van de solar carport uitgewerkt. De vorm, positie en opstelling van de constructie blijven daarbij gelijk. Het belangrijkste verschil tussen de scenario's zit in het kleurgebruik van het frame dat de zonnepanelen ondersteunt.

Door de drie varianten steeds vanuit exact dezelfde positie en binnen dezelfde bestaande omgeving te bekijken, zijn de verschillen direct zichtbaar en goed met elkaar te vergelijken.

Dat is belangrijk, want een kleur of materiaal kan op een technische tekening of kleurenstaal heel anders overkomen dan wanneer deze wordt toegepast op een grote constructie in de werkelijke omgeving. De verhouding tot omliggende gebouwen, auto's, bestrating, begroeiing en andere elementen bepaalt uiteindelijk mede hoe een ontwerp wordt ervaren.

Met de visualisaties wordt een relatief abstracte ontwerpkeuze daardoor heel concreet: hoe ziet iedere variant er straks daadwerkelijk uit op locatie?

 

Bonaire International Aiport -kleurverschil

 

Realisme als basis voor een goede beoordeling

Bij The Imagineers zien we realisme niet alleen als een manier om een aantrekkelijke visualisatie te maken. Het is vooral een belangrijk middel om een ontwerp zo betrouwbaar mogelijk te kunnen beoordelen en communiceren.

Een goede visualisatie moet daarom niet mooier maken wat er straks komt. Het beeld moet juist een geloofwaardige weergave geven van de toekomstige situatie.

Hoe groot is de constructie ten opzichte van de auto's die eronder staan? Hoe hoog bevindt het dak met zonnepanelen zich in het straatbeeld? Hoe verhoudt de solar carport zich tot de bestaande bebouwing? En welk effect heeft het kleurgebruik van de draagconstructie op het totaalbeeld?

Dit zijn vragen die vanaf een tekening lastig te beantwoorden kunnen zijn, maar in een realistische 360 graden visualisatie vrijwel direct inzichtelijk worden.

 

</div></div> <h2>&nbsp;</h2> <h2>Van ontwerp naar een beeld <span style="color: #178eca;">dat iedereen begrijpt</span></h2> <p>Een belangrijk voordeel van visualiseren binnen 360 graden fotografie is dat de bestaande omgeving herkenbaar blijft. De kijker hoeft geen technische tekeningen of complexe 3D-modellen te kunnen lezen om het ontwerp te begrijpen. Je ziet de locatie zoals deze vandaag bestaat, met daarin de toekomstige situatie toegevoegd.<br><br>Dat maakt deze manier van visualiseren interessant voor verschillende fases van een project. De beelden kunnen worden gebruikt om intern ontwerpkeuzes te vergelijken, maar ook om opdrachtgevers, besluitvormers en andere betrokkenen mee te nemen in de mogelijke toekomstige situatie.<br><br>Het project bij Bonaire International Airport is daar een mooi voorbeeld van. Vanuit twee locaties zijn de huidige situatie en drie verschillende scenario's inzichtelijk gemaakt. Daarmee ontstaat niet alleen een beeld van wat er wordt gerealiseerd, maar vooral van hoe het straks op locatie kan worden ervaren.<br><br>En juist daar zit voor ons de kracht van realistische 3D-visualisatie: de stap tussen plan en werkelijkheid zo klein mogelijk maken.</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">5 juni 2026</div> <h3 class="post_title"><a href="https://theimagineers.com/nl/nieuws/de-buffer-zuid-natuurherstel-zichtbaar-gemaakt-met-ai-en-3d-visualisatie">Natuurherstel tot leven met AI en 360° visualisatie</a></h3> <div class="post_body">Als The Imagineers zijn wij in opdracht van de provincie Drenthe en onder verantwoordelijkheid van Prolander betrokken bij dit project met onze visuele uitwerking van het gebied. </div> <div class="moreBtn"> <a href="https://theimagineers.com/nl/nieuws/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/nl/nieuws/tag/gebiedsontwikkeling">Gebiedsontwikkeling</a> <a class="tag" href="https://theimagineers.com/nl/nieuws/tag/portfolio-gebiedsontwikkeling">Portfolio Gebiedsontwikkeling</a> <a class="tag" href="https://theimagineers.com/nl/nieuws/tag/water">Water</a> <a class="tag" href="https://theimagineers.com/nl/nieuws/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">12 oktober 2023</div> <h3 class="post_title"><a href="https://theimagineers.com/nl/nieuws/street-view-is-nu-ook-op-grote-schaal-beschikbaar-in-duitsland">Street View is nu ook op grote schaal beschikbaar in Duitsland.</a></h3> <div class="post_body">Breng je windprojecten in enkele minuten naar een hoger niveau met Google Street View-visualisaties in Windplanner!</div> <div class="moreBtn"> <a href="https://theimagineers.com/nl/nieuws/street-view-is-nu-ook-op-grote-schaal-beschikbaar-in-duitsland" >Read article</a> </div> <div class="post_tag"> <div class="tag_wrap"> <a class="tag" href="https://theimagineers.com/nl/nieuws/tag/energyplanner">EnergyPlanner</a> <a class="tag" href="https://theimagineers.com/nl/nieuws/tag/wind">Wind</a> </div> </div> </div> <div class="post_img" style="background:url(https://4787629.fs1.hubspotusercontent-na1.net/hubfs/4787629/featured%20image%20windpark%20goyerbrug.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">14 maart 2025</div> <h3 class="post_title"><a href="https://theimagineers.com/nl/nieuws/proof-of-concept-beeld-en-kaartgestuurde-interactie-applicatie">Proof-of-concept beeld- en kaartgestuurde interactie-applicatie</a></h3> <div class="post_body">The Imagineers onderzoekt nieuwe dimensie in stakeholderparticipatie. Dankzij een VIA-subsidie (EFRO) ontwikkelt The Imagineers een innovatieve interactie-applicatie die </div> <div class="moreBtn"> <a href="https://theimagineers.com/nl/nieuws/proof-of-concept-beeld-en-kaartgestuurde-interactie-applicatie" >Read article</a> </div> <div class="post_tag"> <div class="tag_wrap"> <a class="tag" href="https://theimagineers.com/nl/nieuws/tag/gebiedsontwikkeling">Gebiedsontwikkeling</a> </div> </div> </div> <div class="post_img" style="background:url(https://4787629.fs1.hubspotusercontent-eu1.net/hubfs/4787629/vlcsnap-2023-11-17-11h57m14s857.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">11 maart 2024</div> <h3 class="post_title"><a href="https://theimagineers.com/nl/nieuws/navigating-the-future">Navigeren naar de toekomst</a></h3> <div class="post_body">Acht jaar geleden hebben we de strategische keuze gemaakt om vanuit ons bedrijf Windplanner software te gaan ontwikkelen om onze klanten volledig zelfredzaam, waar ook ter wereld </div> <div class="moreBtn"> <a href="https://theimagineers.com/nl/nieuws/navigating-the-future" >Read article</a> </div> <div class="post_tag"> <div class="tag_wrap"> <a class="tag" href="https://theimagineers.com/nl/nieuws/tag/gebiedsontwikkeling">Gebiedsontwikkeling</a> <a class="tag" href="https://theimagineers.com/nl/nieuws/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">24 september 2025</div> <h3 class="post_title"><a href="https://theimagineers.com/nl/nieuws/met-bewegende-mensen-komt-een-project-tot-leven">Met bewegende mensen komt een project tot leven</a></h3> <div class="post_body">Een goede visualisatie vertelt een verhaal. Het laat niet alleen zien hoe een omgeving er in de toekomst uit kan komen te zien, maar helpt ook om de sfeer, het gebruik en de </div> <div class="moreBtn"> <a href="https://theimagineers.com/nl/nieuws/met-bewegende-mensen-komt-een-project-tot-leven" >Read article</a> </div> <div class="post_tag"> <div class="tag_wrap"> <a class="tag" href="https://theimagineers.com/nl/nieuws/tag/gebiedsontwikkeling">Gebiedsontwikkeling</a> <a class="tag" href="https://theimagineers.com/nl/nieuws/tag/animatie">Animatie</a> </div> </div> </div> <div class="post_img" style="background:url(https://4787629.fs1.hubspotusercontent-eu1.net/hubfs/4787629/Feat_IMG_bewegendemensen.jpg) 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;">Nederland</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>&nbsp;</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_348748093_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_348748093'></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/nl/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/nl/energyplanner/zon" role="menuitem" target="_self">Zon</a></li> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://theimagineers.com/nl/energyplanner/line-grid" role="menuitem" target="_self">Line &amp; grid</a></li> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://theimagineers.com/nl/energyplanner/opslag" role="menuitem" target="_self">Opslag</a></li> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://theimagineers.com/nl/energyplanner/prijzen" role="menuitem" target="_self">Prijzen</a></li> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://theimagineers.com/nl/energyplanner/professional-services" role="menuitem" target="_self">Diensten</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">Functionaliteiten</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/nl/energyplanner/visualisaties-animaties" role="menuitem" target="_self">Visualisaties</a></li> <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://theimagineers.com/nl/energyplanner/maplayers" role="menuitem" target="_self">Kaart- en wereldlagen</a></li> <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://theimagineers.com/nl/energyplanner/site-design-and-mitigation" role="menuitem" target="_self">Inrichting &amp; inpassing</a></li> <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://theimagineers.com/nl/energyplanner/simulations" role="menuitem" target="_self">Simulaties</a></li> <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://theimagineers.com/nl/energyplanner/stakeholder-engagement" role="menuitem" target="_self">Stakeholder engagement</a></li> </ul></li> </ul> </div></span> </div> <div class="category"> <div class="title"> <p> Gebiedsontwikkeling </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/nl/gebiedsontwikkeling/wegen" role="menuitem" target="_self">Wegen</a></li> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://theimagineers.com/nl/gebiedsontwikkeling/steden" role="menuitem" target="_self">Steden</a></li> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://theimagineers.com/nl/gebiedsontwikkeling/water" role="menuitem" target="_self">Water</a></li> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://theimagineers.com/nl/nieuws" role="menuitem" target="_self">Portfolio</a></li> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://theimagineers.com/nl/gebiedsontwikkeling/prijzen" role="menuitem" target="_self">Prijzen</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">Diensten</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/nl/area-development/visualisaties-animaties" role="menuitem" target="_self">Visualisatie &amp; Animatie</a></li> <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://theimagineers.com/nl/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/nl/over-ons" role="menuitem" target="_self">Over The Imagineers</a></li> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://theimagineers.com/nl/contact" role="menuitem" target="_self">Contact</a></li> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://theimagineers.com/nl/support" role="menuitem" target="_self">Support</a></li> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://theimagineers.com/nl/nieuws" role="menuitem" target="_self">Nieuws</a></li> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://theimagineers.com/nl/werken-bij" role="menuitem" target="_self">Werken bij</a></li> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="/nl/algemene-voorwaarden" role="menuitem" target="_self">Algemene voorwaarden</a></li> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="/nl/privacy-en-beveiliging" role="menuitem" target="_self">Privacy &amp; beveiliging</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>&nbsp;</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> &nbsp;<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'] = 'nl'; </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: '350d7e3d-9a06-4865-9343-059b85057993', formInstanceId: '6409', pageId: '469020476637', region: 'eu1', pageName: "Solar carport bij Bonaire International Airport realistisch in beeld", inlineMessage: "Thanks for submitting the form.", rawInlineMessage: "Thanks for submitting the form.", hsFormKey: "71091be51a38951dd1e837b2cff73046", css: '', target: '#hs_form_target_form_348748093', 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\/nl\/nieuws\/solar-carport-bij-bonaire-international-airport-realistisch-in-beeld"]); _hsq.push(["setPageId", "469020476637"]); _hsq.push(["setContentMetadata", { "contentPageId": 469020476637, "legacyPageId": "469020476637", "contentFolderId": null, "contentGroupId": 183937125227, "abTestId": null, "languageVariantId": 469020476637, "languageCode": "nl", }]); </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: "f2b9d532-e1f9-4ea2-b4f5-d97ce86addfa", ticks: 1789141696302, page_id: 469020476637, content_group_id: 183937125227, portal_id: 4787629, app_hs_base_url: "https://app-eu1.hubspot.com", cp_hs_base_url: "https://cp-eu1.hubspot.com", language: "nl", analytics_page_type: "blog-post", scp_content_type: "", analytics_page_id: "469020476637", 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/nl_NL/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>