CINXE.COM
Locations | Park Systems
<!DOCTYPE HTML> <html lang="en"> <head> <meta charset="utf-8"/> <!-- 반응형코드 --> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/> <!-- opengraph --> <meta property="og:type" content="landing"/> <meta property="og:title" content="Park Systems"/> <meta property="og:image" content="/content/dam/parksystems/logo.gif"/> <meta property="og:description" content="Park Systems Corporation"/> <meta property="og:url" content="html"/> <title>Locations | Park Systems</title> <!-- Favicon --> <script defer="defer" type="text/javascript" src="/.rum/@adobe/helix-rum-js@%5E2/dist/rum-standalone.js"></script> <link href="/content/dam/parksystems/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon"/> <link rel="canonical" href="/en/avi/company/locations"/> <link rel="stylesheet" href="/etc.clientlibs/parksystems/clientlibs/clientlib-base.lc-7c2f532597c7465d7206c9757e03ad1c-lc.min.css" type="text/css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/> <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> <script type="text/javascript"> (function() { var didInit = false; function initMunchkin() { if(didInit === false) { didInit = true; Munchkin.init('988-FTP-549'); } } var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = '//munchkin.marketo.net/munchkin.js'; s.onreadystatechange = function() { if (this.readyState == 'complete' || this.readyState == 'loaded') { initMunchkin(); } }; s.onload = initMunchkin; document.getElementsByTagName('head')[0].appendChild(s); })(); function sha256(ascii) { function rightRotate(value, amount) { return (value>>>amount) | (value<<(32 - amount)); }; var mathPow = Math.pow; var maxWord = mathPow(2, 32); var lengthProperty = 'length' var i, j; // Used as a counter across the whole file var result = '' var words = []; var asciiBitLength = ascii[lengthProperty]*8; //* caching results is optional - remove/add slash from front of this line to toggle // Initial hash value: first 32 bits of the fractional parts of the square roots of the first 8 primes // (we actually calculate the first 64, but extra values are just ignored) var hash = sha256.h = sha256.h || []; // Round constants: first 32 bits of the fractional parts of the cube roots of the first 64 primes var k = sha256.k = sha256.k || []; var primeCounter = k[lengthProperty]; /*/ var hash = [], k = []; var primeCounter = 0; //*/ var isComposite = {}; for (var candidate = 2; primeCounter < 64; candidate++) { if (!isComposite[candidate]) { for (i = 0; i < 313; i += candidate) { isComposite[i] = candidate; } hash[primeCounter] = (mathPow(candidate, .5)*maxWord)|0; k[primeCounter++] = (mathPow(candidate, 1/3)*maxWord)|0; } } ascii += '\x80' // Append Ƈ' bit (plus zero padding) while (ascii[lengthProperty]%64 - 56) ascii += '\x00' // More zero padding for (i = 0; i < ascii[lengthProperty]; i++) { j = ascii.charCodeAt(i); if (j>>8) return; // ASCII check: only accept characters in range 0-255 words[i>>2] |= j << ((3 - i)%4)*8; } words[words[lengthProperty]] = ((asciiBitLength/maxWord)|0); words[words[lengthProperty]] = (asciiBitLength) // process each chunk for (j = 0; j < words[lengthProperty];) { var w = words.slice(j, j += 16); // The message is expanded into 64 words as part of the iteration var oldHash = hash; // This is now the undefinedworking hash", often labelled as variables a...g // (we have to truncate as well, otherwise extra entries at the end accumulate hash = hash.slice(0, 8); for (i = 0; i < 64; i++) { var i2 = i + j; // Expand the message into 64 words // Used below if var w15 = w[i - 15], w2 = w[i - 2]; // Iterate var a = hash[0], e = hash[4]; var temp1 = hash[7] + (rightRotate(e, 6) ^ rightRotate(e, 11) ^ rightRotate(e, 25)) // S1 + ((e&hash[5])^((~e)&hash[6])) // ch + k[i] // Expand the message schedule if needed + (w[i] = (i < 16) ? w[i] : ( w[i - 16] + (rightRotate(w15, 7) ^ rightRotate(w15, 18) ^ (w15>>>3)) // s0 + w[i - 7] + (rightRotate(w2, 17) ^ rightRotate(w2, 19) ^ (w2>>>10)) // s1 )|0 ); // This is only used once, so *could* be moved below, but it only saves 4 bytes and makes things unreadble var temp2 = (rightRotate(a, 2) ^ rightRotate(a, 13) ^ rightRotate(a, 22)) // S0 + ((a&hash[1])^(a&hash[2])^(hash[1]&hash[2])); // maj hash = [(temp1 + temp2)|0].concat(hash); // We don't bother trimming off the extra ones, they're harmless as long as we're truncating when we do the slice() hash[4] = (hash[4] + temp1)|0; } for (i = 0; i < 8; i++) { hash[i] = (hash[i] + oldHash[i])|0; } } for (i = 0; i < 8; i++) { for (j = 3; j + 1; j--) { var b = (hash[i]>>(j*8))&255; result += ((b < 16) ? 0 : '') + b.toString(16); } } return result; }; </script> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-M9FKR4V');</script> <script src="https://assets.adoberesources.net/loader.js?orgId=95E5260E6303A8080A495E2F%40AdobeOrg&instanceId=parksystems&env=prod&geo=aus5"></script> <script async src="/etc.clientlibs/parksystems/clientlibs/clientlib-dependencies.lc-2e5227eb7b9ac1c0f29196127b09ad33-lc.min.js"></script> <script src="/etc.clientlibs/clientlibs/granite/jquery.lc-f9e8e8c279baf6a1a278042afe4f395a-lc.min.js"></script> <script src="/etc.clientlibs/clientlibs/granite/utils.lc-899004cc02c33efc1f6694b1aee587fd-lc.min.js"></script> <script src="/etc.clientlibs/clientlibs/granite/jquery/granite.lc-011c0fc0d0cf131bdff879743a353002-lc.min.js"></script> <script src="/etc.clientlibs/foundation/clientlibs/jquery.lc-dd9b395c741ce2784096e26619e14910-lc.min.js"></script> <script src="/etc.clientlibs/foundation/clientlibs/jquery-tipsy.lc-80d5f7d1a2e2e723e8133c626b3bddc2-lc.min.js"></script> <script src="/etc.clientlibs/clientlibs/granite/jquery/granite/csrf.lc-56934e461ff6c436f962a5990541a527-lc.min.js"></script> <script src="/etc.clientlibs/parksystems/clientlibs/clientlib-site.lc-83777a20d0845b914d9b954805ee6823-lc.min.js"></script> <link rel="stylesheet" href="/etc.clientlibs/parksystems/clientlibs/clientlib-dependencies.lc-d41d8cd98f00b204e9800998ecf8427e-lc.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/parksystems/clientlibs/clientlib-site.lc-19ecafbc266e510fcf541bf09eb24a43-lc.min.css" type="text/css"> </head> <body class="page basicpage common.css" id="page-431bbd78b5" data-cmp-link-accessibility-enabled data-cmp-link-accessibility-text="opens in a new tab" data-cmp-data-layer-enabled data-cmp-data-layer-name="adobeDataLayer"> <script> var dataLayerName = 'adobeDataLayer' || 'adobeDataLayer'; window[dataLayerName] = window[dataLayerName] || []; window[dataLayerName].push({ page: JSON.parse("{\x22page\u002D431bbd78b5\x22:{\x22@type\x22:\x22parksystems\/components\/page\x22,\x22repo:modifyDate\x22:\x222024\u002D06\u002D26T15:45:04Z\x22,\x22dc:title\x22:\x22Locations\x22,\x22xdm:template\x22:\x22\/conf\/parksystems\/settings\/wcm\/templates\/new\u002Dcontent\u002Dpage11\x22,\x22xdm:language\x22:\x22en\x22,\x22xdm:tags\x22:[],\x22repo:path\x22:\x22\/content\/parksystems\/en\/avi\/company\/locations.html\x22}}"), event:'cmp:show', eventInfo: { path: 'page.page\u002D431bbd78b5' } }); </script> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M9FKR4V" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <div class="root container responsivegrid"> <div id="container-208aacdb57" class="cmp-container"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="experiencefragment aem-GridColumn aem-GridColumn--default--12"> <div id="experiencefragment-93b55df23b" class="cmp-experiencefragment cmp-experiencefragment--header"> <div id="container-3b7fe19040" class="cmp-container"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="container responsivegrid aem-GridColumn aem-GridColumn--default--12"> <div id="container-3e1f53d8f1" class="cmp-container"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="avi_navigation navigation aem-GridColumn aem-GridColumn--default--12"> <header class="site-header"> <div class="container-wrapper"> <a href="/en/avi" class="logo-item"> <img class="img-item" src="/etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/logo.svg" alt=""> </a> <button class="mobile-menu-button" data-event="toggle_class" data-class="menuOpen" data-target="body"> <span class="bars"> <span class="bar"></span> <span class="bar"></span> <span class="bar"></span> </span> </button> <nav class="menu-box desktop-menu"> <ul class="menu-list"> <li class="menu-item depth1 "> <a class="menu-item-link depth1" href="/en/avi/products">Products</a> <div class="submenu type2"> <div class="submenu-content-type2"> <div class="submenu-nav"> <ul class="submenu-group type2"> <li class='submenu-group-item type2'> <h3 class="submenu-title">Active Vibration Isolation</h3> <ul class="submenu-list"> <li class="submenu-item"> <a href="/en/avi/products/active-vibration-isolation/product_bit" class="submenu-item-link">Desktop Isolation Tables</a></li> <li class="submenu-item"> <a href="/en/avi/products/active-vibration-isolation/product_mieavs" class="submenu-item-link">Modular Isolation Elements</a></li> <li class="submenu-item"> <a href="/en/avi/products/active-vibration-isolation/product_lt" class="submenu-item-link">Laboratory Tables</a></li> <li class="submenu-item"> <a href="/en/avi/products/active-vibration-isolation/product_ae" class="submenu-item-link">Acoustic Enclosures</a></li> <li class="submenu-item"> <a href="/en/avi/products/active-vibration-isolation/product_hlpie" class="submenu-item-link">Heavy Load AVI</a></li> </ul> </li> </ul> </div> </div> </div> </li> <li class="menu-item depth1 depth1-only"> <a class="menu-item-link depth1" href="/en/avi/application">Applications</a> <div class="submenu "> <div class="submenu-content-type2"> <div class="submenu-nav"> <ul class="submenu-group "> <li class='submenu-group-item'> </ul> </div> </div> </div> </li> <li class="menu-item depth1 depth1-only"> <a class="menu-item-link depth1" href="/en/avi/technology">Technology</a> <div class="submenu "> <div class="submenu-content-type2"> <div class="submenu-nav"> <ul class="submenu-group "> <li class='submenu-group-item'> </ul> </div> </div> </div> </li> <li class="menu-item depth1 "> <a class="menu-item-link depth1">Company</a> <div class="submenu "> <div class="submenu-content-type2"> <div class="submenu-nav"> <ul class="submenu-group "> <li class='submenu-group-item'> <div class="submenu-row-group"> <a href="/en/avi/company/news" class="submenu-item-link depth2">News</a> </div> <div class="submenu-row-group"> <a href="/en/avi/company/about-us" class="submenu-item-link depth2">About Us</a> </div> <div class="submenu-row-group"> <a href="/en/avi/company/events" class="submenu-item-link depth2">Events</a> </div> <div class="submenu-row-group"> <a href="/en/avi/company/locations" class="submenu-item-link depth2">Locations</a> </div> <div class="submenu-row-group"> <a href="/en/avi/company/career" class="submenu-item-link depth2">Career</a> </div> </ul> </div> </div> </div> </li> </ul> </nav> <div class="header-buttons"> <a href="/en/avi/contact-us" class="header-button">Contact Us</a> </div> <!--모ë°ì¼ ë©ë´--> <!--모ë°ì¼ ë©ë´--> <div class="mobile-menu"> <nav class="mobile-nav"> <!-- ë¡ê·¸ì¸í ê°ì¸ ì ë³´ íì ìì--> <div class="user-box"> <div class="user-image"> <img class="img-item" src="/etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/user-bg.svg" alt="íë¡í ì´ë¯¸ì§"> </div> <div class="user-info"> <span class="greeting-text">Hello!</span> <span class="user-name"></span> <a href="/en/avi/company/" class="logout-button">Logout</a> </div> <div class="user-menu"> <a href="/en/avi/company/" class="user-menu-item product"><span class="user-menu-item-text">My Supports</span></a> <a href="/en/avi/company/" class="user-menu-item post"><span class="user-menu-item-text">My Post</span></a> <a href="/en/avi/company/" class="user-menu-item profile"><span class="user-menu-item-text">My Profile</span></a> </div> </div> <ul class="menu-list"> <li class="menu-item"> <a class="menu-item-link" href="/en/avi/products">Products</a> </li> <li class="menu-item"> <a class="menu-item-link" href="/en/avi/application">Applications</a> </li> <li class="menu-item"> <a class="menu-item-link" href="/en/avi/technology">Technology</a> </li> <li class="menu-item"> <a class="menu-item-link" href="/en/avi/company">Company</a> </li> </ul> <div class="bottom-box"> <!-- ë©ë´ íë¨ ë²í¼--> </div> </nav> <div class="mobile-menu-footer"> <footer class="footer-navBar-wrapper"> <nav class="footer-navBar"> <div class="container-wrapper"> <div class="footer-navList-wrapper"> <div class="mobile-footer"> <ul class="footer-sns"> <li class="footer-sns-facebook"><a href="https://www.facebook.com/ParkSystemsAFM" target="_blank"></a></li> <li class="footer-sns-instagram"><a href="https://www.linkedin.com/company/park-systems-afm" target="_blank"></a></li> <li class="footer-sns-youtube"><a href="http://www.youtube.com/channel/UCxZUerRhOzeyI5ACcuXIjGA" target="_blank"></a></li> </ul> <ul class="footer-privacy-mobile"> <li class="footer-privacy-mobile-items"><a href="/en/avi/contact-us">Contact Us</a></li> <li class="footer-privacy-mobile-items"><a href="/en/avi/company/">Newsletter</a></li> <li class="footer-privacy-mobile-items"><a href="/en/company/privacynotice">Privacy & Cookie Policy</a></li> <li class="footer-privacy-mobile-items"><a href="/en/avi/company/">Sitemap</a></li> </ul> </div> <div class="footer-navList footer-legalWrapper"> <ul class="footer-legalWrapper-items"> <li class="footer-copyright"> Copyright © 2024 Park Systems. All Rights Reserved. </li> <li class="footer-privacy desktop-footer"> <ul class="footer-privacy-items"> <li class="footer-privacy-link"><a href="/en/avi/contact-us">Contact Us</a></li> <li class="footer-privacy-link"><a href="/en/avi/company/">Newsletter</a></li> <li class="footer-privacy-link"><a href="/en/company/privacynotice">Privacy & Cookie Policy</a></li> <li class="footer-privacy-link"><a href="/en/avi/company/">Sitemap</a></li> </ul> </li> </ul> </div> </div> </div> </nav> </footer> </div> </header> <script> $(document).ready(function(){ var loginUser = {}; $.ajax({ type: 'POST', url: '/bin/parksystems/Login', data: { getInfo: "GetUser" }, success: function (result) { if(result.data != undefined && result.data != "null"){ $('.user-box').show(); loginUser = JSON.parse(result.data); if(loginUser) { $(".signinText").each(function() { //$(this).text("Sign Out"); $(this).text("My Page"); }); $(".user-name").each(function() { $(this).text(loginUser.username ? loginUser.username : loginUser.name); }); } } else{ $('.user-box').hide(); $(".signinText").each(function() { $(this).text("Sign In"); }); } } }); $(".signinText").click(function(e) { e.preventDefault(); //sessionStorage.removeItem('loginUser'); if(loginUser) { location.href=""; } else{ location.href=""; } }); }); </script></div> </div> </div> </div> </div> </div> </div> </div> <div class="keyteaser aem-GridColumn aem-GridColumn--default--12"> <div class="key-teaser-wrapper"> <div class="key-teaser-bg"> <picture> <source srcset="/content/dam/parksystems/images/thumbnail/Keyteaser_grayBG_Mobile.jpg" media="(max-width: 750px)"> <img src="/content/dam/parksystems/images/thumbnail/Keyteaser_grayBG_PC.jpg" alt="" class="img-item"> </picture> </div> <div class="key-teaser-area "> <div class="container-wrapper FlexDirection-column"> <div class="key-teaser-text"> <h5 class="key-teaser-subTitle">Company</h5> <h1 class="key-teaser-title">Locations</h1> </div> </div> </div> </div></div> <div class="breadcrumb aem-GridColumn aem-GridColumn--default--12"> <div class="breadcrumbs-wrapper"> <div class="container-wrapper cmp-breadcrumb" id="breadcrumb-819c9d6a39" aria-label="Breadcrumb" data-cmp-data-layer="{"breadcrumb-819c9d6a39":{"@type":"parksystems/components/breadcrumb","repo:modifyDate":"2024-05-09T09:28:37Z"}}"> <ul class="breadcrumbs-items"> <li class="breadcrumbs-element cmp-breadcrumb__item-link"> <a itemprop="item" data-cmp-clickable class="breadcrumbs-link" href="/en"><img src="/etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icon-home.png" alt=""/> </a> </li> <li class="breadcrumbs-element cmp-breadcrumb__item-link"> <a itemprop="item" data-cmp-clickable class="breadcrumbs-link" href="/en/avi"> Active Vibration Isolation </a> </li> <li class="breadcrumbs-element cmp-breadcrumb__item-link"> <a itemprop="item" data-cmp-clickable class="breadcrumbs-link" href="/en/avi/company"> Company </a> </li> <li class="breadcrumbs-element cmp-breadcrumb__item-link"> Locations </li> </ul> </div> </div> </div> <main class="container responsivegrid main-content aem-GridColumn aem-GridColumn--default--12"> <div id="container-63fc7c7f05" class="cmp-container"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="locations aem-GridColumn aem-GridColumn--default--12"> <main> <div class="section-wrapper-type1"> <div class="container-wrapper"> <article class="FlexContainer gap-12 FlexWrap-wrap AlignItemCenter"> <div class="input-box min-w220 mobile-width-full"> <div class="input-item select-box"> <input type="hidden" name=""/> <button class="label" id="region-name">All Regions</button> <ul class="option-list" id="regionSelector"> <li class="option-item" data-value=""> <span>All Regions</span> </li> <li class="option-item" data-value="asia"><span>Asia</span></li> <li class="option-item" data-value="americas"> <span>Americas</span> </li> <li class="option-item" data-value="europe"> <span>Europe</span> </li> <li class="option-item" data-value="oceania"> <span>Oceania</span> </li> </ul> </div> </div> <div class="input-box min-w220 mobile-width-full"> <div class="input-item select-box"> <input type="hidden" name=""/> <button class="label" id="office-type-name"> All Office Types </button> <ul class="option-list" id="officeSelector"> <li class="option-item" data-value=""> <span>All Office Types</span> </li> <li class="option-item" data-value="HQ Offices"> <span>Direct Office</span> </li> <li class="option-item" data-value="Regional Offices"> <span>Distributors</span> </li> </ul> </div> </div> <!-- <div class="input-item mobile-width-full"> <input type="checkbox" id="check001"> <label for="check001" >Allow location access</label> </div> --> </article> <!--map --> <article class="locations-wrapper"> <ul class="locations-address-list widthSize50" id="locationContainer"> <!--선택시 active 붙이시면 됩니다.--> </ul> <div class="map-wrapper widthSize50"> <div id="googleMap" style="width: 100%; height: 100%; border: 0"></div> <!-- <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3174.0915530036846!2d127.03968537643914!3d37.29296393976692!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357b5b9476960eed%3A0x1ff28a1e4d97147c!2z7YyM7YGs7Iuc7Iqk7YWc7IqkKOyjvCk!5e0!3m2!1sko!2skr!4v1710123648093!5m2!1sko!2skr" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> --> <!--open 붙이시면 표시 됩니다--> <div id="company-info-window" class="company-info-window open"> <button class="close-btn" id="btnModalClose"> <img src="/etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-close.svg" alt="CLOSE WINDOW"/> </button> <div class="card-FlexContainer-sort"> <div> <span class="card-FlexContainer-sort-item" id="modalTopTag"></span> </div> <h4 class="element-h4 element-weight700 desktop-margin-left-12" id="textregeion"></h4> </div> <div class="card-FlexContainer-text desktop-margin-top-16 mobile-margin-top-10"> <label id="titleLabel"></label><br/> <label id="addLabel"></label> </div> <dl class="company-info-list sub-body3-text desktop-margin-top-24 mobile-margin-top-16"> <dt class="company-info-list-label">Tel</dt> <dd class="company-info-list-value" id="modalTel"></dd> <!-- <dt class="company-info-list-label">Tel(CS)</dt> <dd class="company-info-list-value">+82-31-546-6901</dd> --> <dt class="company-info-list-label" id="faxLabel">Fax</dt> <dd class="company-info-list-value" id="faxNumber"></dd> <dt class="company-info-list-label">E-mail</dt> <dd class="company-info-list-value"> <a id="inquiryAtag" href="mailto:inquiry@parksystems.com">inquiry@parksystems.com</a> <label id="salesLabel">Sales: </label> <a id="salesAtag" href="mailto:psc@parksystems.com">psc@parksystems.com</a> <label id="custoLabel">Customer Support : </label> <a id="custoAtag" href="mailto:cs@parksystems.com">cs@parksystems.com</a> </dd> <!-- <dt class="company-info-list-label">Homepage</dt> <dd class="company-info-list-value"><a href="https://www.iconanalytical.com" target="_blank">www.iconanalytical.com</a> </dd> <dt class="company-info-list-label">Contact</dt> <dd class="company-info-list-value">Nandan Kamat</dd> --> </dl> </div> </div> </article> <!--map --> </div> </div> <!-- body 에 modalMsgOpen class 붙이시면 표시 됩니다 . --> <div class="modal-window" id="modal_msg"> <div class="container-wrapper"> <div class="modal-container-wrapper"> <div class="modal-content element-padding40"> <button class="close-in-btn" data-event="remove_class" data-target="body" data-class="productModalOpen"> <img src="/etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-close.svg" alt="CLOSE WINDOW"/> </button> <h4 class="element-h4 element-weight700 desktop-margin-right-60 mobile-margin-right-40"> Agreement to use location information </h4> <p class="element-p desktop-margin-top-16 mobile-margin-top-8"> Use your current location to search for the<br/> nearest nearby offices </p> <div class="FlexContainer JustifyEnd gap-12 desktop-margin-top-32 mobile-margin-top-16"> <div class="medium-btn-skyblue"><button>Allow</button></div> <div class="medium-btn-line-black"><button>Cancel</button></div> </div> </div> </div> </div> </div> </main> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCgsULo_7r8mrTHz_63CrXvb9NF2GD2px4"></script> <script> let regions = "europe"; let office = "HQ Offices"; let defaultIdx = 0; let initialLoaded = true; $(document).ready(function(){ $("#btnModalClose").click(function(){ $("#company-info-window").hide(); }); $("#company-info-window").hide(); $("#regionSelector li").on("click", function(e){ regions = $(this).attr('data-value'); loadCfList(); }); $("#officeSelector li").on("click", function(e){ office = $(this).attr('data-value'); loadCfList(); }); loadCfList(); }); function loadCfList(){ $.ajax({ url: '/bin/parksystems/LocationCFList', method: 'POST', data: { regions : regions, office : office }, success: function (result) { $("#locationContainer").empty(); for(var i = 0; i < result.cfList.length; i++){ var data = result.cfList[i]; var temp = `<li class="address-list-item element-border-bottom" name="cfList" id="clickid`+i+`"> <div class="card-FlexContainer-sort">`; if(data.type == "HQ Offices"){ temp += `<div><span class="card-FlexContainer-sort-item" id="typeTag`+i+`">Direct Office</span></div>`; } else{ temp += `<div><span class="card-FlexContainer-sort-item" id="typeTag`+i+`">Distributors</span></div>`; } temp += `<h4 class="element-h4 element-weight700 desktop-margin-left-12" id="loc`+i+`">`+data.location+`</h4> </div> <div class="element-p desktop-margin-top-16 mobile-margin-top-16"> <label id="lat`+i+`">`+data.tTitle+`<br></label> <label id="add`+i+`">`+data.address+`</label> <label id="tel`+i+`" style="display:none;">`+data.tel+`</label> <label id="fax`+i+`" style="display:none;">`+data.faxNumber+`</label> <label id="eMain`+i+`" style="display:none;">`+data.emailMain+`</label> <label id="eSales`+i+`" style="display:none;">`+data.emailSales+`</label> <label id="eCs`+i+`" style="display:none;">`+data.emailCs+`</label> </div> <div class="card-FlexContainer-sort desktop-margin-top-12 mobile-margin-top-12">`; if(data.emailMain != null && data.emailMain != ""){ temp += `<span class="card-FlexContainer-sort-item">Inquiry</span>`; } if(data.emailSales != null && data.emailSales != ""){ temp += `<span class="card-FlexContainer-sort-item">Sales</span>`; } if(data.emailCs != null && data.emailCs != ""){ temp += `<span class="card-FlexContainer-sort-item">Customer support</span>`; } temp += `</div> <div class="medium-btn-black desktop-margin-top-20 mobile-margin-top-20"> <button onclick="btnMoreFunc('`+i+`',`+data.gmaplat+`,`+data.gmaplng+`)">View Map</button> </div> </li>`; $("#locationContainer").append(temp); //디폴트 서울.. // if(data.location == "Suwon, Korea"){ // btnMoreFunc(i,data.gmaplat,data.gmaplng); // } // 디폴트 지역 설정 if(initialLoaded){ if(i === defaultIdx){ const $targetRegion = $('#regionSelector li[data-value="'+regions+'"]'); const $targetOfficeType = $('#officeSelector li[data-value="'+office+'"]'); if($targetRegion.length && $targetOfficeType.length){ const targetRegionText = $targetRegion[0].innerText; const targetOfficeTypeText = $targetOfficeType[0].innerText; $("#region-name")[0].innerText = targetRegionText; $("#office-type-name")[0].innerText = targetOfficeTypeText; } btnMoreFunc(i,data.gmaplat,data.gmaplng); initialLoaded = false; } } else { if(i === 0){ btnMoreFunc(i,data.gmaplat,data.gmaplng); } } } } }); } function btnMoreFunc(id, lat, lng){ var grpl = $("li[name=cfList]"); for(var i = 0; i < grpl.length; i ++){ $("li[name=cfList]").eq(i).removeClass("active"); } $("#clickid"+id).addClass("active"); // 해당하는 location 리스트가 맨위로 가도록 스크롤 setTimeout(()=>{ document.querySelector("#locationContainer").scrollTo({ left: 0, top: document.querySelector("#clickid" + id).offsetTop - document.querySelector(".locations-wrapper").offsetTop, behavior:"smooth" }); }, 100) var mapOptions = { center:new google.maps.LatLng(lat, lng), zoom:16 }; var map = new google.maps.Map( document.getElementById("googleMap"), mapOptions ); var markerIcon = new google.maps.MarkerImage("/etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/location_icon.png", null, null, null, null); var marker = new google.maps.Marker({ map: map, position: new google.maps.LatLng(lat, lng), icon: markerIcon }); $("#modalTopTag").text($("#typeTag"+id).text()); $("#textregeion").text($("#loc"+id).text()); $("#titleLabel").text($("#lat"+id).text()); $("#addLabel").text($("#add"+id).text()); $("#modalTel").text("+"+$("#tel"+id).text()); var fax = $("#fax"+id).text(); if(fax != null && fax != ""){ $("#faxLabel").show(); $("#faxNumber").show(); $("#faxNumber").text("+"+fax); } else{ $("#faxLabel").hide(); $("#faxNumber").hide(); } var eMain = $("#eMain"+id).text(); if(eMain != null && eMain != ""){ $("#inquiryAtag").show(); $("#inquiryAtag").text(eMain); $("#inquiryAtag").attr("href", "mailto:"+eMain); $("#inquiryAtag").append("<br>"); } else{ $("#inquiryAtag").hide(); } var eSales = $("#eSales"+id).text(); if(eSales != null && eSales != ""){ $("#salesLabel").show(); $("#salesAtag").show(); $("#salesAtag").text(eSales); $("#salesAtag").attr("href", "mailto:"+eSales); $("#salesAtag").append("<br>"); } else{ $("#salesLabel").hide(); $("#salesAtag").hide(); } var eCs = $("#eCs"+id).text(); if(eCs != null && eCs != ""){ $("#custoLabel").show(); $("#custoAtag").show(); $("#custoAtag").text(eCs); $("#custoAtag").attr("href", "mailto:"+eCs); } else{ $("#custoLabel").hide(); $("#custoAtag").hide(); } $("#company-info-window").show(); } </script> </div> </div> </div> </main> <div class="experiencefragment aem-GridColumn aem-GridColumn--default--12"> <div id="container-344076da5c" class="cmp-container"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="avi_footer navigation aem-GridColumn aem-GridColumn--default--12"> <footer class="footer-navBar-wrapper"> <nav class="footer-navBar"> <div class="container-wrapper"> <div class="footer-navList-wrapper"> <div class="mobile-footer"> <ul class="footer-sns"> <li class="footer-sns-facebook"><a href="https://www.facebook.com/ParkSystemsAFM" target="_blank"></a></li> <li class="footer-sns-instagram"><a href="https://www.linkedin.com/company/park-systems-afm" target="_blank"></a></li> <li class="footer-sns-youtube"><a href="http://www.youtube.com/channel/UCxZUerRhOzeyI5ACcuXIjGA" target="_blank"></a></li> <li class="footer-sns-x"><a href="https://x.com/park_systems" target="_blank"></a></li> </ul> <ul class="footer-privacy-mobile"> <li class="footer-privacy-mobile-items"><a href="/en/avi/contact-us">Contact Us</a></li> <li class="footer-privacy-mobile-items"><a href="javascript:void(0)" onclick="newsclickFunc()">Newsletter</a></li> <li class="footer-privacy-mobile-items"><a href="/en/company/privacynotice">Imprint</a></li> <li class="footer-privacy-mobile-items"><a href="/en/company/privacynotice">Privacy & Cookie Policy</a></li> <!--<li class="footer-privacy-mobile-items"><a href="">Sitemap</a></li>--> </ul> </div> <div class="footer-navList footer-legalWrapper"> <ul class="footer-legalWrapper-items"> <li class="footer-copyright"> Copyright © 2024 Park Systems. All Rights Reserved. </li> <li class="footer-privacy desktop-footer"> <ul class="footer-privacy-items"> <li class="footer-privacy-link"><a href="/en/avi/contact-us">Contact Us</a></li> <li class="footer-privacy-link"><a href="javascript:void(0)" onclick="newsclickFunc()" id="footer-newsletter">Newsletter</a></li> <li class="footer-privacy-link"><a href="/en/company/privacynotice">Imprint</a></li> <li class="footer-privacy-link"><a href="/en/company/privacynotice">Privacy & Cookie Policy</a></li> <!-- <li class="footer-privacy-link"><a href="">Sitemap</a></li> --> </ul> </li> </ul> </div> </div> </div> <form id="mktoForm_2743"></form> </nav> </footer> <script src="//pages.parksystems.com/js/forms2/js/forms2.min.js"></script> <script> function newsclickFunc(){ // MktoForms2.loadForm("//pages.parksystems.com", "988-FTP-549", 2743, function (form){MktoForms2.lightbox(form).show();}); openMarketoModal(2743, "en", "#footer-newsletter"); } </script></div> </div> </div> </div> </div> </div> </div> </body> </html>