GREEN BUILDING COUNCIL INDONESIA

<!DOCTYPE html>  <html dir="ltr" lang="en"> <head>  <meta name="viewport" content="width=device-width,initial-scale=1.0" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta name="description" content="Lembaga KONSIL BANGUNAN HIJAU INDONESIA atau GREEN BUILDING COUNCIL INDONESIA / GBCI didirikan pada tahun 2009 dan diselenggarakan oleh sinergi di antara para pemangku kepentingannya, meliputi : profesional bidang jasa konstruksi, kalangan industri sektor bangunan dan properti, pemerintah, institusi pendidikan dan penelitian, asosiasi profesi dan masyarakat peduli lingkungan. Green Building Council Indonesia (GBCI) adalah Emerging Member dari World Green Building Council (WGBC) yang berpusat di Toronto, Kanada. WGBC saat ini beranggotakan 90 negara dan mengakui hanya ada satu GBC di setiap negara. GBCI melakukan berbagai kegiatan pendidikan masyarakat secara luas serta menyelenggarakan Sertifikasi Bangunan Hijau di Indonesia berdasarkan perangkat penilaian khas Indonesia yang diberi nama GREENSHIP. Dan website ini dikembangkan oleh Tim KAWAN." /> <meta name="keywords" content="green building council indonesia, green, building, greenship, council, gedung, new building, existing building. interior, bangunan hijau, rumah, tim kawan" /> <meta name="author" content="Tim KAWAN Indonesia powered by Muhammad Iqbal (市丸零) <iqbal@indesc.com> & Tim KAWAN" />  <title>GREEN BUILDING COUNCIL INDONESIA | GBCI</title>  <link href="/public/umum/images/favicon.png" rel="shortcut icon" type="image/png" /> <link href="/public/umum/images/apple-touch-icon.png" rel="apple-touch-icon" /> <link href="/public/umum/images/apple-touch-icon-72x72.png" rel="apple-touch-icon" sizes="72x72" /> <link href="/public/umum/images/apple-touch-icon-114x114.png" rel="apple-touch-icon" sizes="114x114" /> <link href="/public/umum/images/apple-touch-icon-144x144.png" rel="apple-touch-icon" sizes="144x144" />  <link href="/public/umum/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link href="/public/umum/css/jquery-ui.min.css" rel="stylesheet" type="text/css" /> <link href="/public/umum/css/animate.css" rel="stylesheet" type="text/css" /> <link href="/public/umum/css/css-plugin-collections.css" rel="stylesheet" />  <link href="/public/akses/plugins/sweet-alert/sweetalert.css" rel="stylesheet" />  <link href="/public/umum/css/menuzord-skins/menuzord-boxed.css" rel="stylesheet" id="menuzord-menu-skins" />  <link href="/public/umum/css/style-main.css" rel="stylesheet" type="text/css" />  <link href="/public/umum/css/preloader.css" rel="stylesheet" type="text/css" />  <link href="/public/umum/css/custom-bootstrap-margin-padding.css" rel="stylesheet" type="text/css" />  <link href="/public/umum/css/responsive.css" rel="stylesheet" type="text/css" />    <link href="/public/umum/js/revolution-slider/css/settings.css" rel="stylesheet" type="text/css" /> <link href="/public/umum/js/revolution-slider/css/layers.css" rel="stylesheet" type="text/css" /> <link href="/public/umum/js/revolution-slider/css/navigation.css" rel="stylesheet" type="text/css" />  <link href="/public/umum/css/colors/theme-skin-green.css" rel="stylesheet" type="text/css" />  <script src="/public/umum/js/jquery-2.2.4.min.js"></script> <script src="/public/umum/js/jquery-ui.min.js"></script> <script src="/public/umum/js/bootstrap.min.js"></script>  <script src="/public/umum/js/jquery-plugin-collection.js"></script>  <script src="/public/umum/js/revolution-slider/js/jquery.themepunch.tools.min.js"></script> <script src="/public/umum/js/revolution-slider/js/jquery.themepunch.revolution.min.js"></script>    <style> .boxed-layout .header { margin-bottom: 0; } .menuzord-menu { background: none; } #navbar-top-mobile { display: block; } #navbar-top-desktop { display: none; } @media (min-width: 900px) { #navbar-top-mobile { display: none; } #navbar-top-desktop { display: block; } } .menuzord-menu ul.dropdown li a { background-color: rgba(0, 0, 0, 0.3); } .menuzord-responsive .menuzord-menu ul.dropdown, .menuzord-responsive .menuzord-menu ul.dropdown li ul.dropdown { /*background: rgba(0, 0, 0, 0.3);*/ background: #333; } .menuzord-menu .li a { color: #43814e; } .menuzord-menu > li { padding: 18px; } .header-nav.navbar-white { /*background-color: rgba(0, 0, 0, 0.3);*/ } .menuzord-menu ul.dropdown { border: none; } .menuzord-responsive .menuzord-menu ul.dropdown li a { border-bottom: none; } .menuzord-menu > li.nospace { padding: 0; } .menuzord-menu > li.nospace > a { padding: 0 5px; } .menuzord-brand img { max-height: 70px; } .menuzord-brand { margin: -20px 30px 0 0; } .footer-img img { height: 50px; } @media (min-width: 990px) { .hideonwidth { display: none !important; } } .footer-img img{ height: 76px; } </style>  <script src="https://cdn.jsdelivr.net/npm/driver.js@1.0.1/dist/driver.js.iife.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/driver.js@1.0.1/dist/driver.css" /> <link rel="stylesheet" href="/public/umum/js/leaflet/leaflet.css"> <style> .tags { margin-top: 5px; margin-bottom: 5px; display: flex; justify-content: start; } .tags strong { margin-right: 10px; } .progress { height: 40px; } .progress-bar { background-color: #43814e; vertical-align: center; padding-top: 10px; } iframe { height: 500px; } #mapid { height: 500px; } </style> </head> <body class=""> <div id="wrapper" class="clearfix">  <header id="header" class="header"> <div class="header-nav navbar-fixed-top header-dark navbar-white navbar-transparent bg-transparent-1 navbar-sticky-animated animated-active"> <div class="header-nav-wrapper"> <div class="container"> <nav class="menuzord default" style="padding-top: 5px;"> <ul class="menuzord-menu pull-right flip sm-pull-none hidden-xs hidden-sm"> <li class="nospace text-green-moss"><a href="/admin" class="text-green-moss">Sign In</a> |</li> <li class="nospace"><a href="/admin/auth/signup" class="text-green-moss">Sign Up</a></li> <ul class="styled-icons icon-dark icon-circled icon-sm pull-right flip sm-pull-none sm-text-center mt-sm-15 hidden-xs hidden-sm"> <li> </li> </ul> </ul> </nav> <nav id="menuzord-right" class="menuzord default"> <a class="menuzord-brand pull-left flip" href="/web"> <img src="/public/umum/images/logo-wide.png" alt=""> </a> <ul class="menuzord-menu"> <li class="list-inline sm-text-center text-green-moss hideonwidth"> <a href="/admin" class="text-green-moss btn btn-transparent"><i class="fa fa-user"></i> Sign In</a> </li> <li><a href="javascript:void(0)" class="text-green-moss">ABOUT US</a> <ul class="dropdown"> <li><a href="/structure" class="text-green-moss">Our Organization</a></li> <li><a href="/founding" class="text-green-moss">Corporate & Core Founder</a></li> <li style="display: none;"><a href="/board" class="text-green-moss">Committee & Assessment Board</a></li> <li><a href="/about/representative" class="text-green-moss">Representative</a></li> <li><a href="/about/partner" class="text-green-moss">Partner</a></li> <li><a href="/ethics" class="text-green-moss">Code of Ethics</a></li> </ul> </li> <li><a href="javascript:void(0)" class="text-green-moss">GREENSHIP</a> <ul class="dropdown"> <li><a href="https://nz.gbcindonesia.org/netzero" class="text-green-moss">Net Zero</a></li> <li><a href="/greens/new" class="text-green-moss">New Building</a></li> <li><a href="/greens/existing" class="text-green-moss">Existing Building</a></li> <li><a href="/greens/interior" class="text-green-moss">Interior</a></li> <li><a href="/greens/homes" class="text-green-moss">Homes</a></li> <li><a href="/greens/neighborhood" class="text-green-moss">Neighborhood</a></li> </ul> </li> <li><a href="javascript:void(0)" class="text-green-moss">PROGRAM</a> <ul class="dropdown"> <li><a href="/greenshipnzcc/greenship_solution_endorsement" class="text-green-moss">GSE</a></li> <li><a href="/certification" class="text-green-moss">Certification</a></li> <li><a href="/corpmember" class="text-green-moss">Corporate Member</a></li> <li><a href="/trainings" class="text-green-moss">Education/Training</a></li> <li><a href="/events" class="text-green-moss">Event</a></li> <li><a href="/volunteer" class="text-green-moss">Volunteer</a> </li> </ul> </li> <li><a href="javascript:void(0)" class="text-green-moss">EXPLORE</a> <ul class="dropdown"> <li><a href="/certbuilding" class="text-green-moss">Certified Building</a></li> <li><a href="/member" class="text-green-moss">Member List</a></li> <li><a href="/resource" class="text-green-moss">Resources</a></li> <li><a href="/etalase" class="text-green-moss">Etalase</a></li> <li><a href="/profesional" class="text-green-moss">Greenship Professional</a></li> <li><a href="/edgeauditor" class="text-green-moss">Edge Auditor</a></li> </ul> </li> <li><a href="/news" class="text-green-moss">NEWS</a></li> </ul> </nav> </div> </div> </div> </header>   <div class="main-content"> <section> <div class="container mt-60"> <div class="section-content"> <div class="row"> <div class="product"> <div class="col-md-4"> <div class="product-image"> <img id="image-input" src="" alt="" class="img-responsive img-thumbnail" style="width: 100%;"> </div> </div> <div class="col-md-7"> <div class="row"> <div class="col-md-9"> <div class="product-summary text-justify"> <div class="product-title-head"> <h2 id="name" class="product-title text-theme-colored line-bottom"> </h2> </div> <div class="short-description"> <p id="content"> </p> </div> <div class="tags"><strong>Lokasi:</strong> <div id="locationName"></div> </div> <div class="tags"><strong>Jenis Sertifikasi: </strong> <div id="certificationType"></div> </div> <div class="tags"><strong>Jenis Bangunan: </strong> <div id="buildingType"></div> </div> <div class="tags"><strong>Tanggal Berlaku: </strong> <div id="dateExpired"></div> </div> <div class="tags"><strong>Arsitek: </strong> <div id="architect"></div> </div> <div class="tags"><strong>Greenship Professional: </strong> <div id="greenshipProfesional"></div> </div> <div class="tags"><strong>Perusahaan Pemilik: </strong> <div id="companyOwner"></div> </div> <div class="tags"><strong>Certification Number:</strong> <div id="certificationNumber"></div> </div> </div> </div> <div class="col-md-3"> <img id="plakat" class="img-responsive" style="width: 100%;" src="" alt=""> </div> </div> </div> <div class="col-md-12"> <div class="horizontal-tab product-tab text-justify"> <ul class="nav nav-tabs"> <li class="active"><a href="#tab1" data-toggle="tab">Peringkat</a></li> <li><a href="#tab2" data-toggle="tab">Featured</a></li> <li class="map-tab"><a href="#tab3" data-toggle="tab">Peta Lokasi</a></li> </ul> <div class="tab-content"> <div class="tab-pane fade in active" id="tab1"> <h3>GB Achievement Index</h3> <div id="point-bar_greenship" style="display: block;"> <div class="row"> <div class="col-md-6"> <h5>Kategori ASD - Tepat Guna Lahan</h5> <p>Bertujuan dari memelihara kehijauan bangunan dan kota - menjaga keseimbangan air bersih dan air tanah, meningkatkan kualitas iklim mikro, mengurangi beban sistem drainase dengan sistem manajemen air hujan secara terpadu hingga mengurangi penggunaan kendaraan pribadi, mendorong pembangunan yang telah memiliki jaringan konektivitas dan pencapaian pengguna.</p> <h5><b>Total Nilai Kategori ASD = <span id="level-asd"></span> </b></h5> <div class="progress"> <div id="levelAsd" class="progress-bar" data-percent="0"></div> </div> </div> <div class="col-md-6"> <h5>Kategori EEC – Efisiensi dan Konservasi Energi</h5> <p>Apresiasi terhadap prosedur pemantauan dan inventarisasi konsumsi, pengelolaan selubung bangunan gedung, aplikasi langkah-langkah efisiensi energi, penggunaan ventilasi alami, pemahaman efisiensi pola konsumsi energi terhadap perubahan iklim, penggunaan pencahayaan alami, energi terbarukan dalam tapak. Sehingga akan terjadi peningkatan pengetahuan dan kesadaran akan pentingnya efisiensi energi dalam keseluruhan fase pembangunan.</p> <h5>Total Poin Kategori EEC = <span id="level-eec"></span></h5> <div class="progress"> <div id="levelEec" class="progress-bar" data-percent="0"></div> </div> </div> </div> <div class="row"> <div class="col-md-6"> <h5>Kategori WAC – Konservasi Air</h5> <p>Kesadaran pentingnya langkah penghematan air, pengelolaan sistem air berupa meteran, pencatatan penggunaan dan pemasangan fitur air efisiensi tinggi. Pengadaan unit daur ulang air, pemanfaatan air hujan dan penggunaan air alternatif sebagai upaya konservasi. Hingga pemilihan sistem irigasi lansekap yang efisien mampu mengurangi penggunaan air bersih.</p> <h5>Total Nilai Kategori WAC = <span id="level-wac"></span></h5> <div class="progress"> <div id="levelWac" class="progress-bar" data-percent="0"></div> </div> </div> <div class="col-md-6"> <h5>Kategori MRC - Sumber dan Siklus Material</h5> <p>Apresiasi terhadap budidaya bahan baku kayu yang dapat dipertanggungjawabkan, pemakaian material bekas, terbarukan, bersertifikat manajemen, prefabrikasi, tidak berpotensi merusak ozon, produk lokal untuk mengurangi penggunaan bahan mentah yang baru, sehingga dapat mengurangi limbah pada pembuangan akhir serta memperpanjang usia pemakaian suatu bahan material, sekaligus mengurangi jejak karbon.</p> <h5>Total Nilai Kategori MRC = <span id="level-mrc"></span></h5> <div class="progress"> <div id="levelMrc" class="progress-bar" data-percent="0"></div> </div> </div> </div> <div class="row"> <div class="col-md-6"> <h5>Kategori IHC - Kesehatan dan Kenyamanan dalam Ruang</h5> <p>Upaya mempertahankan lingkungan dalam ruangan yang kondusif dengan menyediakan laju ventilasi yang sesuai untuk kesehatan pengguna, memantau konsentrasi karbondioksida (CO2), mengurangi paparan lingkungan asap rokok, mengurangi polusi udara ruang dari emisi material bangunan, menyediakan pemandangan jarak jauh, menjaga kenyamanan visual dan tingkat pencahayaan, menjaga kenyamanan suhu, kelembaban udara ruangan dan tingkat kebisingan untuk meningkatkan produktivitas pengguna gedung </p> <h5>Total Nilai Kategori IHC =<span id="level-ihc"></span> </h5> <div class="progress"> <div id="levelIhc" class="progress-bar" data-percent="0"></div> </div> </div> <div class="col-md-6"> <h5>Katergori BEM - Manajemen Lingkungan Bangunan</h5> <p>Penekanan pada pentingnya suatu standar manajemen yang terencana dan baku untuk mengarahkan tindakan dari pelaku operasional bangunan dalam melakukan pengelolaan gedung agar dapat menunjukkan hasil yang ramah lingkungan <i>(green performance)</i>. Dengan membudayakan koordinasi dan sinergi antara pihak-pihak ahli bangunan yang terlibat di dalam perencanaan teknis, pelaksanaan konstruksi, dan juga pengawasan konstruksi.</p> <h5>Total Nilai Kategori BEM =<span id="level-bem"></span> </h5> <div class="progress"> <div id="levelBem" class="progress-bar" data-percent="0"></div> </div> </div> </div> </div> <div id="point-bar_neighborhood" style="display: none;"> <div class="row"> <div class="col-md-6"> <h5>Kategori LEE - Land Ecological Enhancement </h5> <p>Tersedianya ruang terbuka hijau untuk interaksi publik, keseimbangan dan keanekaragaman hayati spesies alami, revitalisasi, peningkatkan kualitas iklim mikro, dan mendorong produksi pangan lokal dalam kawasan </p> <h5><b>Total Nilai Kategori LEE = <span id="level-lee"></span> </b></h5> <div class="progress"> <div id="levelLee" class="progress-bar" data-percent="0"></div> </div> </div> <div class="col-md-6"> <h5>Kategori MAC – Movement and Connectivity </h5> <p>Universal movement, Fasilitas pesepeda dan pejalan kaki sebagai prioritas yang aman, nyaman, ramah difabel, serta Keterhubungan dengan kawasan luar dan moda transportasi umum </p> <h5>Total Poin Kategori MAC = <span id="level-mac"></span></h5> <div class="progress"> <div id="levelMac" class="progress-bar" data-percent="0"></div> </div> </div> </div> <div class="row"> <div class="col-md-6"> <h5>Kategori WMC – Water Management and Conservation </h5> <p>Pengelolaan sistem air berupa meteran, penggunaan air alternative untuk kebutuhan kawasan, manajemen limpasan air hujan dan limbah cair </p> <h5>Total Nilai Kategori WMC = <span id="level-wmc"></span></h5> <div class="progress"> <div id="levelWmc" class="progress-bar" data-percent="0"></div> </div> </div> <div class="col-md-6"> <h5>Kategori SWM - Solid Waste Management </h5> <p>"Memperpanjang daur hidup dan menambah nilai manfaat dari sampah melalui pengolahan sampah yang ramah lingkungan, Mengurangi sampah yang dibawa ke tempat pembuangan akhir (TPA), Penggunaan material regional" </p> <h5>Total Nilai Kategori SWM = <span id="level-swm"></span></h5> <div class="progress"> <div id="levelSwm" class="progress-bar" data-percent="0"></div> </div> </div> </div> <div class="row"> <div class="col-md-6"> <h5>Kategori CWS - Community Wellbeing Strategy </h5> <p>Fasilitasi masyarakat untuk berinteraksi dan beraktivitas, peningkatkan kepedulian dan peran serta masyarakat tentang konsep keberlanjutan, Pengembangkan fungsi lahan untuk pembangunan kawasan yang kompak, memperhatikan pelestarian dan pengembangan budaya lokal, </p> <h5>Total Nilai Kategori CWS =<span id="level-cws"></span> </h5> <div class="progress"> <div id="levelCws" class="progress-bar" data-percent="0"></div> </div> </div> <div class="col-md-6"> <h5>Katergori BAE - Building and Energy </h5> <p>Penerapan bangunan hijau sebagai kesatuan kawasan, efisiensi dan konservasi energi kawasan, penggunaan energi terbarukan, pengurangan polusi cahaya dan suara </p> <h5>Total Nilai Kategori BAE =<span id="level-bae"></span> </h5> <div class="progress"> <div id="levelBae" class="progress-bar" data-percent="0"></div> </div> </div> </div> <div class="row"> <div class="col-md-6"> <h5>Kategori IFD - Innovation and Future Development </h5> <p>"Pemberdayaan tenaga ahli profesional di bidang keberlanjutan kawasan, adanya tata kelola kawasan untuk keberlanjutan, penerapan inovasi-inovasi ang dapat mengembangkan fungsi lingkungan, sosial, dan ekonomi kawasan " </p> <h5>Total Nilai Kategori IFD =<span id="level-ifd"></span> </h5> <div class="progress"> <div id="levelIfd" class="progress-bar" data-percent="0"></div> </div> </div> </div> </div> </div> <div class="tab-pane fade" id="tab2"> <div id="featured"></div> </div> <div class="tab-pane fade" id="tab3"> <div id="mapid" class="map"></div> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div>   <footer id="footer" class="footer bg-black-222" data-bg-img="/public/umum/images/footer-bg.png" > <div class="container pt-70 pb-40"> <div class="row"> <div class="col-sm-6 col-md-3"> <div class="widget dark"> <div class="footer-img"> <img class="mt-10 mb-15" alt="" src="/public/umum/images/logo-wide.png" /> <img class="mt-10 mb-15 ml-15" alt="" src="/public/umum/images/wgbc-footer-new.png" /> </div> <p class="font-16 mb-10"> GBC Indonesia is an Established Member of World Green Building Council. World GBC is a global action network comprised of around 70 Green Building Councils around the globe. </p> <a class="font-14" href="https://www.worldgbc.org/about-us" ><i class="fa fa-angle-double-right text-theme-colored"></i> Read more</a > <ul class="styled-icons icon-dark mt-20"> <li class="wow fadeInLeft" data-wow-duration="1.5s" data-wow-delay=".1s" data-wow-offset="10" > <a href="https://www.facebook.com/greenbuildingcouncilindonesia" target="_blank" data-bg-color="#3B5998" ><i class="fa fa-facebook"></i ></a> </li> <li class="wow fadeInLeft" data-wow-duration="1.5s" data-wow-delay=".2s" data-wow-offset="10" > <a href="https://twitter.com/gbcindonesia" target="_blank" data-bg-color="#02B0E8" ><i class="fa fa-twitter"></i ></a> </li> <li class="wow fadeInLeft" data-wow-duration="1.5s" data-wow-delay=".3s" data-wow-offset="10" > <a href="#" target="_blank" data-bg-color="#C13584" ><i class="fa fa-instagram"></i ></a> </li> <li class="wow fadeInLeft" data-wow-duration="1.5s" data-wow-delay=".3s" data-wow-offset="10" > <a href="https://www.linkedin.com/in/gbcindonesia/" target="_blank" data-bg-color="#0E76A8" ><i class="fa fa-linkedin"></i ></a> </li> </ul> <p class="font-16 mb-10">Internet connection Supported By:</p> <div class="footer-img"> <img src="/public/umum/images/bizznet.png" alt="" class="" /> </div> </div> </div> <div class="col-sm-6 col-md-6"> <div class="widget dark"> <h5 class="widget-title line-bottom">Quick Contact</h5> <ul class="list-border"> <li><a href="javascript:void(0)"><span class="__cf_email__" data-cfemail="d7beb9b1b897b0b5b4beb9b3b8b9b2a4beb6f9b8a5b0">[email protected]</span></a></li> <li> <a href="javascript:void(0)" class="lineheight-20" >Official Office<br />Gedung Office 8, Lantai 18 Unit A, SCBD Lot.28 Jl Jend Sudirman Kav. 52-53<br />Senayan - Kebayoran Baru<br />Jakarta Selatan 12190 <br /> (+62) 21 2960 8012<br /></a> </li> <li> <a href="javascript:void(0)" class="lineheight-20" >Studio Office<br />Jl. Al Barkah 1 No. 29<br />Cilandak Barat - Cilandak<br />Jakarta Selatan 12430<br /> (+62) 21 2765 8660<br />(+62) 21 2765 8662</a > </li> </ul> </div> </div> <div class="col-sm-6 col-md-3"> <div class="widget dark"> <h5 class="widget-title line-bottom">Useful Links</h5> <ul class="list angle-double-right list-border"> <li><a href="/netzero">Net Zero</a></li> <li><a href="javascript:void(0)">Resources</a></li> <li><a href="javascript:void(0)">Event</a></li> <li><a href="javascript:void(0)">Volunteer</a></li> <li><a href="/news">News</a></li> </ul> </div> </div> </div> </div> <div class="footer-bottom bg-black-333"> <div class="container pt-20 pb-20"> <div class="row"> <div class="col-md-6"> <p class="font-11 text-black-777 m-0"> Copyright © 2024 GREEN BUILDING COUNCIL INDONESIA. All Rights Reserved </p> </div> <div class="col-md-6 text-right"> <div class="widget no-border m-0"> <ul class="list-inline sm-text-center mt-5 font-12"> <li> <a href="javascript:void(0)">FAQ</a> </li> <li>|</li> <li> <a href="javascript:void(0)">Login</a> </li> </ul> </div> </div> </div> </div> </div> </footer> <a class="scrollToTop" href="javascript:void(0)" ><i class="fa fa-angle-up"></i ></a> </div>   <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="/public/umum/js/leaflet/leaflet.js"></script> <script> $(document).ready(function () { var mymap = L.map('mapid').setView([-7.3, 110], 15); L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token=pk.eyJ1IjoibW9odGhvcmlxIiwiYSI6ImNraDV5MmRmZTBxZW8ycXFqbm9peXVneXEifQ.XYD5kk0uDBLsMlDWCYC-Dg', { attribution: 'Map data © <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="https://www.mapbox.com/">Mapbox</a>', maxZoom: 18, id: 'mapbox/streets-v11', tileSize: 512, zoomOffset: -1, accessToken: 'your.mapbox.access.token' }).addTo(mymap); var homeTab = document.getElementById('tab3'); var observer1 = new MutationObserver(function () { if (homeTab.style.display != 'none') { mymap.invalidateSize(); } }); observer1.observe(homeTab, {attributes: true}) var entitas = $(location).attr('href').split("/")[4]; loadData(entitas, mymap) }); function loadData(entitas, mymap) { $.ajax({ url: "/api/explore/certBuilding/" + entitas, dataType: "json", type: "GET", cache: true }).done(function (response) { let data = response.data; $('#image-input').attr('src', data.image); $('#name').append(data.name); $('#content').append(data.content); $('#locationName').append(data.location); $('#certificationType').append(data.certificationType); $('#buildingType').append(data.buildingType); $('#dateExpired').append(data.dateExpired); $('#architect').append(data.architect); $('#greenshipProfesional').append(data.greenshipProfesional); $('#companyOwner').append(data.companyOwner); $('#certificationNumber').append(data.certificationNumber); let percent = { asd: 0, eec: 0, wac: 0, mrc: 0, ihc: 0, bem: 0, lee: 0, mac: 0, wmc: 0, swm: 0, cws: 0, bae: 0, ifd: 0, } $('#level-asd').append(data.rankAsd); $('#level-eec').append(data.rankEec); $('#level-wac').append(data.rankWac); $('#level-mrc').append(data.rankMrc); $('#level-ihc').append(data.rankIhc); $('#level-bem').append(data.rankBem); $('#level-lee').append(data.rankLee); $('#level-mac').append(data.rankMac); $('#level-wmc').append(data.rankWmc); $('#level-swm').append(data.rankSwm); $('#level-cws').append(data.rankCws); $('#level-bae').append(data.rankBae); $('#level-ifd').append(data.rankIfd); $('#featured').append(data.featured); if (data.certificationType == "Home") { let category = data.category percent.asd = ((category.point_asd / 13) * 100).toFixed(2); percent.eec = ((category.point_eec / 15) * 100).toFixed(2); percent.wac = ((category.point_wac / 13) * 100).toFixed(2); percent.mrc = ((category.point_mrc / 11) * 100).toFixed(2); percent.ihc = ((category.point_ihc / 13) * 100).toFixed(2); percent.bem = ((category.point_bem / 12) * 100).toFixed(2); if (data.rank == "Bronze") { $('#plakat').attr('src', "/public/umum/images/plakat/HOMES-BRONZE-8.png"); } if (data.rank == "Silver") { $('#plakat').attr('src', "/public/umum/images/plakat/HOMES-SILVER-8.png"); } if (data.rank == "Gold") { $('#plakat').attr('src', "/public/umum/images/plakat/HOMES-GOLD-8.png"); } if (data.rank == "Platinum") { $('#plakat').attr('src', "/public/umum/images/plakat/HOMES-PLATINUM-8.png"); } } if (data.certificationType == "Existing Building") { let category = data.category percent.asd = ((category.point_asd / 16) * 100).toFixed(2); percent.eec = ((category.point_eec / 36) * 100).toFixed(2); percent.wac = ((category.point_wac / 20) * 100).toFixed(2); percent.mrc = ((category.point_mrc / 12) * 100).toFixed(2); percent.ihc = ((category.point_ihc / 20) * 100).toFixed(2); percent.bem = ((category.point_bem / 13) * 100).toFixed(2); if (data.rank == "Bronze") { $('#plakat').attr('src', "/public/umum/images/plakat/EB-BRONZE-8.png"); } if (data.rank == "Silver") { $('#plakat').attr('src', "/public/umum/images/plakat/EB-SILVER-8.png"); } if (data.rank == "Gold") { $('#plakat').attr('src', "/public/umum/images/plakat/EB-GOLD-8.png"); } if (data.rank == "Platinum") { $('#plakat').attr('src', "/public/umum/images/plakat/EB-PLATINUM-8.png"); } } if (data.certificationType == "Net Zero") { if (data.rank == "Bronze") { $('#plakat').attr('src', "/public/umum/images/plakat/EB-BRONZE-8.png"); } if (data.rank == "Silver") { $('#plakat').attr('src', "/public/umum/images/plakat/EB-SILVER-8.png"); } } if (data.certificationType == "Neighborhood") { let category = data.category let leeMaxPoints, macMaxPoints, wmcMaxPoints, swmMaxPoints, cwsMaxPoints, baeMaxPoints, ifdMaxPoints; if (data.version === '1.1') { if (data.cert_process === 'Plan') { if (data.area === 'industri') { leeMaxPoints = 16; macMaxPoints = 26; wmcMaxPoints = 16; swmMaxPoints = 2; cwsMaxPoints = 13; baeMaxPoints = 6; ifdMaxPoints = 9; } else if (data.area === 'komersial') { leeMaxPoints = 17; macMaxPoints = 32; wmcMaxPoints = 16; swmMaxPoints = 2; cwsMaxPoints = 13; baeMaxPoints = 6; ifdMaxPoints = 9; } } else if (data.cert_process === 'Built') { if (data.area === 'industri') { leeMaxPoints = 35; macMaxPoints = 33; wmcMaxPoints = 18; swmMaxPoints = 16; cwsMaxPoints = 22; baeMaxPoints = 20; ifdMaxPoints = 11; } else if (data.area === 'komersial') { leeMaxPoints = 29; macMaxPoints = 39; wmcMaxPoints = 18; swmMaxPoints = 16; cwsMaxPoints = 22; baeMaxPoints = 20; ifdMaxPoints = 11; } } } else if (data.version === '1.0') { if (data.cert_process === 'Plan') { if (data.area === 'mixed_use') { leeMaxPoints = 19; macMaxPoints = 26; wmcMaxPoints = 18; swmMaxPoints = 10; cwsMaxPoints = 16; baeMaxPoints = 18; ifdMaxPoints = 11; } else if (data.area === 'komersial') { leeMaxPoints = 19; macMaxPoints = 26; wmcMaxPoints = 18; swmMaxPoints = 8; cwsMaxPoints = 16; baeMaxPoints = 17; ifdMaxPoints = 11; } else if (data.area === 'pemukiman') { leeMaxPoints = 17; macMaxPoints = 26; wmcMaxPoints = 18; swmMaxPoints = 8; cwsMaxPoints = 18; baeMaxPoints = 17; ifdMaxPoints = 11; } else if (data.area === 'industri') { leeMaxPoints = 17; macMaxPoints = 26; wmcMaxPoints = 18; swmMaxPoints = 10; cwsMaxPoints = 13; baeMaxPoints = 18; ifdMaxPoints = 11; } } } // Calculate percentages based on the dynamically assigned max points percent.lee = ((category.point_lee / leeMaxPoints) * 100).toFixed(2); percent.mac = ((category.point_mac / macMaxPoints) * 100).toFixed(2); percent.wmc = ((category.point_wmc / wmcMaxPoints) * 100).toFixed(2); percent.swm = ((category.point_swm / swmMaxPoints) * 100).toFixed(2); percent.cws = ((category.point_cws / cwsMaxPoints) * 100).toFixed(2); percent.bae = ((category.point_bae / baeMaxPoints) * 100).toFixed(2); percent.ifd = ((category.point_ifd / ifdMaxPoints) * 100).toFixed(2); // Display the results or handle the progress bars, etc. console.log(percent); // You can use this to debug or to apply values to progress bars if (data.rank == "Bronze") { $('#plakat').attr('src', "/public/umum/images/plakat/NEIGHBORHOOD-BRONZE-8.png"); } if (data.rank == "Silver") { $('#plakat').attr('src', "/public/umum/images/plakat/NEIGHBORHOOD-SILVER-8.png"); } if (data.rank == "Gold") { $('#plakat').attr('src', "/public/umum/images/plakat/NEIGHBORHOOD-GOLD-8.png"); } if (data.rank == "Platinum") { $('#plakat').attr('src', "/public/umum/images/plakat/NEIGHBORHOOD-PLATINUM-8.png"); } $(document).ready(function () { $("#point-bar_neighborhood").show(); $("#point-bar_greenship").hide(); }); //}); } if (data.certificationType == "New Building") { let category = data.category percent.asd = ((category.point_asd / 17) * 100).toFixed(2); percent.eec = ((category.point_eec / 26) * 100).toFixed(2); percent.wac = ((category.point_wac / 21) * 100).toFixed(2); percent.mrc = ((category.point_mrc / 14) * 100).toFixed(2); percent.ihc = ((category.point_ihc / 10) * 100).toFixed(2); percent.bem = ((category.point_bem / 13) * 100).toFixed(2); if (data.rank == "Bronze") { $('#plakat').attr('src', "/public/umum/images/plakat/NB-BRONZE-8.png"); } if (data.rank == "Silver") { $('#plakat').attr('src', "/public/umum/images/plakat/NB-SILVER-8.png"); } if (data.rank == "Gold") { $('#plakat').attr('src', "/public/umum/images/plakat/NB-GOLD-8.png"); } if (data.rank == "Platinum") { $('#plakat').attr('src', "/public/umum/images/plakat/NB-PLATINUM-8.png"); } } if (data.certificationType == "Interior Space") { let category = data.category percent.asd = ((category.point_asd / 12) * 100).toFixed(2); percent.eec = ((category.point_eec / 14) * 100).toFixed(2); percent.wac = ((category.point_wac / 8) * 100).toFixed(2); percent.mrc = ((category.point_mrc / 28) * 100).toFixed(2); percent.ihc = ((category.point_ihc / 29) * 100).toFixed(2); percent.bem = ((category.point_bem / 12) * 100).toFixed(2); if (data.rank == "Bronze") { $('#plakat').attr('src', "/public/umum/images/plakat/IS-BRONZE-8.png"); } if (data.rank == "Silver") { $('#plakat').attr('src', "/public/umum/images/plakat/IS-SILVER-8.png"); } if (data.rank == "Gold") { $('#plakat').attr('src', "/public/umum/images/plakat/IS-GOLD-8.png"); } if (data.rank == "Platinum") { $('#plakat').attr('src', "/public/umum/images/plakat/IS-PLATINUM-8.png"); } } if (data.latlon !== null) { L.marker([data.latlon.lat, data.latlon.lon]).addTo(mymap); mymap.panTo(new L.LatLng(data.latlon.lat, data.latlon.lon)) } // bar percent indicator $('#levelAsd').data("percent", percent.asd); $('#levelEec').data("percent", percent.eec); $('#levelWac').data("percent", percent.wac); $('#levelMrc').data("percent", percent.mrc); $('#levelIhc').data("percent", percent.ihc); $('#levelBem').data("percent", percent.bem); $('#levelLee').data("percent", percent.lee); $('#levelMac').data("percent", percent.mac); $('#levelWmc').data("percent", percent.wmc); $('#levelSwm').data("percent", percent.swm); $('#levelCws').data("percent", percent.cws); $('#levelBae').data("percent", percent.bae); $('#levelIfd').data("percent", percent.ifd); }) } </script>   <script src="/public/umum/js/custom.js"></script> <script src="/public/umum/js/jquery.render.min.js"></script> <script src="/public/umum/js/jquery.ellipsis.min.js"></script>  <script src="/public/akses/plugins/loadingoverlay.min.js"></script>  <script> $(document).ready(function () { // Burger bar // var burgerBar = $("#header .burger-bar"); // var nav = $("#header nav"); // var overlay = $("#overlay"); // $("#menuzord-right").on("click", function (event) { // if(event.target.className === 'showhide'){ // $(event.currentTarget).trigger('click') // } // }); // $("#menuzord-right").on("click", function (event) { // console.log(event.target) // if (event.target.className === 'showhide') { // console.log('overlay on') // overlay.toggleClass("burger-bar-overlay"); // } // }); $(".main-content").on("click", function () { // overlay.removeClass("burger-bar-overlay"); console.log('on click', ) if($('.menuzord-menu.menuzord-right.menuzord-indented.scrollable').css('display') === 'block'){ $(".showhide").trigger("click"); } }); $(window).on("scroll", function () { console.log('on scroll', ) if($('.menuzord-menu.menuzord-right.menuzord-indented.scrollable').css('display') === 'block'){ $(".showhide").trigger("click"); } }); }); </script> </body> </html>

CINXE.COM

GREEN BUILDING COUNCIL INDONESIA | GBCI