CINXE.COM
Find Your Nearest Kia Dealer Online | Kia Australia
<!DOCTYPE html> <html lang="en-AU"> <head> <title>Find Your Nearest Kia Dealer Online | Kia Australia</title> <meta charset="utf-8" /> <meta http-equiv="Strict-Transport-Security" content="max-age=31536000; includeSuDomains; preload"> <meta http-equiv="X-Content-Type-Options" content="nosniff"> <meta http-equiv="X-XSS-Protection" content="1"> <!-- meta --> <!-- 20180504 YKJ--> <meta http-equiv="Access-Control-Allow-Origin" content="*"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <meta name="keywords" content=""> <meta name="title" content="Find Your Nearest Kia Dealer Online | Kia Australia" /> <meta name="description" content="Discover new Kia models, book a test drive or service, and get expert advice from your local Kia dealer. Dealer information available. "> <link rel="shortcut icon" href="/content/dam/kwcms/gt/en/images/main/new/favicon_new.png" type="image/x-icon"> <meta name="format-detection" content="telephone=no"> <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=2.0,user-scalable=yes"> <meta name="robots" content="NOODP, NOYDIR"> <!-- #58777 showroom page taging--> <!-- 20181206 SEO Analytics pagename ìì ìì² YKJ START--> <meta name="kia_metrics_pagename" content="shopping tools | find a dealer"> <!-- 20181206 SEO Analytics pagename ìì ìì² YKJ END--> <link rel="canonical" href="https://www.kia.com/au/shopping-tools/find-a-dealer.html"> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="Kia Australia" /> <meta name="twitter:title" content="Find Your Nearest Kia Dealer Online | Kia Australia" /> <meta name="twitter:description" content="Discover new Kia models, book a test drive or service, and get expert advice from your local Kia dealer. Dealer information available. " /> <meta name="twitter:image" content="/content/dam/kwcms/au/en/images/linkpreview/kia-logo.jpg" /> <meta name="twitter:url" content="https://www.kia.com/au/shopping-tools/find-a-dealer.html" /> <meta name="twitter:creator" contents="Kia" /> <meta property="og:site_name" content="Kia Australia" /> <meta property="og:title" content="Find Your Nearest Kia Dealer Online | Kia Australia" /> <meta property="og:type" content="website" /> <meta property="og:description" content="Discover new Kia models, book a test drive or service, and get expert advice from your local Kia dealer. Dealer information available. " /> <meta property="og:image" content="/content/dam/kwcms/au/en/images/linkpreview/kia-logo.jpg" /> <meta property="og:url" content="https://www.kia.com/au/shopping-tools/find-a-dealer.html" /> <meta itemprop="name" content="Find Your Nearest Kia Dealer Online | Kia Australia"> <meta itemprop="description" content="Discover new Kia models, book a test drive or service, and get expert advice from your local Kia dealer. Dealer information available. "> <meta itemprop="image" content="/content/dam/kwcms/au/en/images/linkpreview/kia-logo.jpg"> <meta itemprop="keywords" content=""> <meta itemprop="url" content="https://www.kia.com/au/shopping-tools/find-a-dealer.html"/> <!-- 20190402 YKJ ì¶ê°--> <meta name="google-site-verification" content="3-f-wdVz_nj1gFVN0axxqs90P00mpDPkANM2I4xm20Y" /> <!-- /apps/kia-australia/components/page/page/head CSS,JS <script type="text/javascript" src="/etc/designs/kia-australia/clientlib/js/lib.js"></script> <script type="text/javascript" src="/etc/designs/kia-australia/clientlib/js/angular.js"></script> <script type="text/javascript" src="/etc/designs/kia-australia/clientlib/js/angular-common-global.js"></script> <script type="text/javascript" src="/etc/designs/kia-australia/clientlib/js/angular-sanitize-1.0.0.js"></script> --> <!-- #47653 ìëê°ì --> <script src="/etc/designs/kia-australia/clientlib-libjs.min.js"></script> <script type="text/javascript" src="/etc/designs/kia-australia/clientlib-angular.js"></script> <link rel="stylesheet" href="/etc/designs/kia-australia/clientlib.min.css" type="text/css"> <script src="/etc/designs/kia-australia/clientlib.min.js"></script> <script type="text/javascript" src="/etc/designs/kia-australia/clientlib/js/font-load.js"></script> <link rel="stylesheet" href="/etc/designs/kia-global/clientlib/css/experience.css" type="text/css"> <link rel="stylesheet" href="/etc/designs/kia-australia/clientlib/css/serviceShare.css" type="text/css"> <!-- https change --> <!-- --> <script type="text/javascript"> ;(function(gtm) { let ptype = 'Find a Dealer'; var _args = { 'page_name': 'shopping tools | find a dealer' , 'prv_page_name': document.referrer == '' ? 'entry' : document.referrer }; let vname = null; gtm.trackPageView(ptype, vname, _args); })(KIA.tagging.gtm); </script> <!-- Google Tag Manager 20221013 --> <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-NH98G5H');</script> <!-- End Google Tag Manager --> <!-- WCA code ADD 2015.03.24 Start--> <script>(function() { var _fbq = window._fbq || (window._fbq = []); if (!_fbq.loaded) { var fbds = document.createElement('script'); fbds.async = true; fbds.src = '//connect.facebook.net/en_US/fbds.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(fbds, s); _fbq.loaded = true; } _fbq.push(['addPixelId', '357795334408363']); })(); window._fbq = window._fbq || []; window._fbq.push(['track', 'PixelInitialized', {}]); </script> <noscript><img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/tr?id=357795334408363&ev=PixelInitialized"/></noscript> <script>(function() { var _fbq = window._fbq || (window._fbq = []); if (!_fbq.loaded) { var fbds = document.createElement('script'); fbds.async = true; fbds.src = '//connect.facebook.net/en_US/fbds.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(fbds, s); _fbq.loaded = true; } _fbq.push(['addPixelId', '865420870164135']); })(); window._fbq = window._fbq || []; window._fbq.push(['track', 'PixelInitialized', {}]); </script> <noscript><img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/tr?id=865420870164135&ev=PixelInitialized"/></noscript> <!-- WCA code ADD 2015.03.24 End --> <!-- /apps/kia-australia/components/page/page/head CSS,JS end --> <!-- 20180504 YKJ--> <header name = "Access-Control-Allow-Origin" value = "*" /> </head> <body> <!-- content --> <input type="hidden" value="/au/shopping-tools/find-a-dealer.html"/> <input type="hidden" value="find-a-dealer.html"/> <input type="hidden" value="find-a-dealer"/> <div class="accessbility"><a href="#content">Go to content</a></div> <div id="wrap" class="wsg_page"> <!-- new wsg class 추가 #50692 --> <!-- Google Tag Manager (noscript) 20180427 KBR --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TXT9QJ3" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div id="header"> <div class="header_in"> <!-- GT SEO 20150827 h1 > div --> <!-- new wsg logo S #50692 --> <div class="logo_h1"><a href="/au/main.html" class="lg_a" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Top Menu"></a></div> <!-- new wsg logo E #50692 --> <!--모ë°ì¼ ê²ìì°½ 2018.06.11 ì¶ê° --> <div class="m_sch_area"> <a href="#url" class="open_search"><span class="blind">open search</span></a> <div class="search_area"> <form action="/au/util/search.html" method="get"> <input type="text" name="q" id="m_sch_box" class="search_txt" title="Search Keyword" placeholder="Search"> <button type="submit" class="search_btn" title="Search button"><span class="blind">Search</span></button> </form> </div> <a href="#url" class="close_search"><span class="blind">close search</span></a> </div> <!-- wsg tablet mobile header S --> <script> (function() { $(document).ready(function() { $('.open_search').on('click', function() { $(this).addClass('on'); $(this).next('.search_area').slideDown(200); setTimeout(function() { $('.close_search').css('display', 'block'); }, 200); }); $('.close_search').on('click', function() { $('.open_search').removeClass('on'); $(this).css('display', 'none'); $(this).prev('.search_area').slideUp(200); }); }); })(); </script> <!-- wsg tablet mobile header E --> <!--//모ë°ì¼ ê²ìì°½ 2018.06.11 ì¶ê° --> <a href="#" class="open_gnb"><span class="cmm_spr spr_menu">open menu</span></a> <!-- //GNB --> <!-- GNB gnb_area open --> <div class="gnb_area"> <ul class="gnb_nav"> <!-- dth1_l dth_on --> <li class="dth1_l"><a href="#" class="dth1_a" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Top Menu">Cars</a> <div class="dth2_u dth_pip"> <div class="car_tab"> <a href="#" class="sort_a sort_on"><span class="cmm_tspr spr_sort">All Vehicles</span></a> <a href="#" class="sort_a"><span class="cmm_tspr spr_sort">Small Cars</span></a> <a href="#" class="sort_a"><span class="cmm_tspr spr_sort">SUVs</span></a> <a href="#" class="sort_a"><span class="cmm_tspr spr_sort">People Movers</span></a> <!-- #65577 --> <a href="#" class="sort_a"><span class="cmm_tspr spr_sort">Hybrid</span></a> <!-- #64712 --> <a href="#" class="sort_a"><span class="cmm_tspr spr_sort">Light Commercial</span></a> </div> <div class="car_grid on"> <strong class="hidden">All Vehicles</strong> <ul class="grid_u"> <!-- 20190827 43621 Showroom GNB ë ì´ìì ë³ê²½ ìì²ì ë°ë¥¸ ë§í¬ì 구조 ë³ê²½--> <li class="grid_l"> <a href="/au/cars/picanto.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Picanto"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-picanto.webp" alt="Picanto"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-picanto.webp" alt="Picanto"> </span> <strong class="g_name">Picanto</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Compact Car</p></strong> </a> </li> <!-- 20190827 43621 Showroom GNB ë ì´ìì ë³ê²½ ìì²ì ë°ë¥¸ ë§í¬ì 구조 ë³ê²½--> <li class="grid_l"> <a href="/au/cars/cerato.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Cerato"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-cerato-hatch-pe.png" alt="msg_vehicle_cerato"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-cerato-hatch-pe.png" alt="msg_vehicle_cerato"> </span> <strong class="g_name">Cerato</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Small Car</p></strong> </a> </li> <!-- 20190827 43621 Showroom GNB ë ì´ìì ë³ê²½ ìì²ì ë°ë¥¸ ë§í¬ì 구조 ë³ê²½--> <li class="grid_l"> <a href="/au/cars/stonic.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Stonic"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-stonic.png" alt="msg_vehicle_stonic"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-stonic.png" alt="msg_vehicle_stonic"> </span> <strong class="g_name">Stonic</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Light SUV</p></strong> </a> </li> <!-- 20190827 43621 Showroom GNB ë ì´ìì ë³ê²½ ìì²ì ë°ë¥¸ ë§í¬ì 구조 ë³ê²½--> <li class="grid_l"> <a href="/au/cars/seltos.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Seltos"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-seltos-pe.webp" alt="msg_vehicle_seltos"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-seltos-pe.webp" alt="msg_vehicle_seltos"> </span> <strong class="g_name">Seltos</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Small SUV</p></strong> </a> </li> <!-- 20190827 43621 Showroom GNB ë ì´ìì ë³ê²½ ìì²ì ë°ë¥¸ ë§í¬ì 구조 ë³ê²½--> <li class="grid_l"> <a href="/au/cars/sportage.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Sportage"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-sportage.png" alt="Sportage"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-sportage.png" alt="Sportage"> </span> <strong class="g_name">Sportage</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Medium SUV</p></strong> </a> </li> <!-- 20190827 43621 Showroom GNB ë ì´ìì ë³ê²½ ìì²ì ë°ë¥¸ ë§í¬ì 구조 ë³ê²½--> <li class="grid_l"> <a href="/au/cars/sportage-hybrid.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Sportage Hybrid"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-sportage-hybrid.webp" alt="msg_vehicle_sportage-hybrid"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-sportage-hybrid.webp" alt="msg_vehicle_sportage-hybrid"> </span> <strong class="g_name">Sportage Hybrid</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Medium SUV</p></strong> </a> </li> <!-- 20190827 43621 Showroom GNB ë ì´ìì ë³ê²½ ìì²ì ë°ë¥¸ ë§í¬ì 구조 ë³ê²½--> <li class="grid_l"> <a href="/au/cars/sorento.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Sorento"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-sorento.webp" alt="Sorento"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-sorento.webp" alt="Sorento"> </span> <strong class="g_name">Sorento</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Large SUV</p></strong> </a> </li> <!-- 20190827 43621 Showroom GNB ë ì´ìì ë³ê²½ ìì²ì ë°ë¥¸ ë§í¬ì 구조 ë³ê²½--> <li class="grid_l"> <a href="/au/cars/carnival.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Carnival"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-carnival.webp" alt="Carnival"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-carnival.webp" alt="Carnival"> </span> <strong class="g_name">Carnival</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">People Mover/GUV</p></strong> </a> </li> <!-- 20190827 43621 Showroom GNB ë ì´ìì ë³ê²½ ìì²ì ë°ë¥¸ ë§í¬ì 구조 ë³ê²½--> <li class="grid_l"> <a href="/au/cars/niro-hybrid.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Niro Hybrid"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-niro-hybrid.webp" alt="msg_vehicle_niro-hybrid"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-niro-hybrid.webp" alt="msg_vehicle_niro-hybrid"> </span> <strong class="g_name">Niro Hybrid</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Small SUV</p></strong> </a> </li> <!-- 20190827 43621 Showroom GNB ë ì´ìì ë³ê²½ ìì²ì ë°ë¥¸ ë§í¬ì 구조 ë³ê²½--> <li class="grid_l"> <a href="/au/cars/niro-pure-electric.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Niro EV"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-niro-ev.webp" alt="msg_vehicle_niro-pure-electric"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-niro-ev.webp" alt="msg_vehicle_niro-pure-electric"> </span> <strong class="g_name">Niro EV</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Small SUV</p></strong> </a> </li> <!-- 20190827 43621 Showroom GNB ë ì´ìì ë³ê²½ ìì²ì ë°ë¥¸ ë§í¬ì 구조 ë³ê²½--> <li class="grid_l"> <a href="/au/cars/ev5.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="All-new EV5"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-ev5.webp" alt="msg_vehicle_ev5"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-ev5.webp" alt="msg_vehicle_ev5"> </span> <strong class="g_name">All-new EV5</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Medium SUV</p></strong> </a> </li> <!-- 20190827 43621 Showroom GNB ë ì´ìì ë³ê²½ ìì²ì ë°ë¥¸ ë§í¬ì 구조 ë³ê²½--> <li class="grid_l"> <a href="/au/cars/ev6.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="EV6"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-ev6.webp" alt="msg_vehicle_ev6"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-ev6.webp" alt="msg_vehicle_ev6"> </span> <strong class="g_name">EV6</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Crossover SUV</p></strong> </a> </li> <!-- 20190827 43621 Showroom GNB ë ì´ìì ë³ê²½ ìì²ì ë°ë¥¸ ë§í¬ì 구조 ë³ê²½--> <li class="grid_l"> <a href="/au/cars/ev6-gt.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="EV6 GT"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-ev6-gt.webp" alt="msg_vehicle_ev6-gt"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-ev6-gt.webp" alt="msg_vehicle_ev6-gt"> </span> <strong class="g_name">EV6 GT</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Performance SUV</p></strong> </a> </li> <!-- 20190827 43621 Showroom GNB ë ì´ìì ë³ê²½ ìì²ì ë°ë¥¸ ë§í¬ì 구조 ë³ê²½--> <li class="grid_l"> <a href="/au/cars/ev9.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="EV9"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-ev9-launch.webp" alt="msg_vehicle_ev9"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-ev9-launch.webp" alt="msg_vehicle_ev9"> </span> <strong class="g_name">EV9</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Upper Large SUV</p></strong> </a> </li> <!-- 20190827 43621 Showroom GNB ë ì´ìì ë³ê²½ ìì²ì ë°ë¥¸ ë§í¬ì 구조 ë³ê²½--> <li class="grid_l"> <a href="/au/cars/tasman.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Tasman"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-tasman.webp" alt="msg_vehicle_tasman"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-tasman.webp" alt="msg_vehicle_tasman"> </span> <strong class="g_name">Tasman</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Arriving 2025</p></strong> </a> </li> </ul> </div> <div class="car_grid"> <strong class="hidden">Small Cars</strong> <ul class="grid_u"> <!-- 20190827 43621 Showroom GNB ë ì´ìì ë³ê²½ ìì²ì ë°ë¥¸ ë§í¬ì 구조 ë³ê²½--> <li class="grid_l"> <a href="/au/cars/picanto.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Picanto"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-picanto.webp" alt="Picanto"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-picanto.webp" alt="Picanto"> </span> <strong class="g_name">Picanto</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Compact Car</p></strong> </a> </li> <!-- 20190827 43621 Showroom GNB ë ì´ìì ë³ê²½ ìì²ì ë°ë¥¸ ë§í¬ì 구조 ë³ê²½--> <li class="grid_l"> <a href="/au/cars/cerato.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Cerato"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-cerato-hatch-pe.png" alt="msg_vehicle_cerato"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-cerato-hatch-pe.png" alt="msg_vehicle_cerato"> </span> <strong class="g_name">Cerato</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Small Car</p></strong> </a> </li> </ul> </div> <div class="car_grid"> <strong class="hidden">SUVs</strong> <ul class="grid_u"> <!-- 20190827 43621 Showroom GNB ë ì´ìì ë³ê²½ ìì²ì ë°ë¥¸ ë§í¬ì 구조 ë³ê²½--> <li class="grid_l"> <a href="/au/cars/stonic.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Stonic"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-stonic.png" alt="msg_vehicle_stonic"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-stonic.png" alt="msg_vehicle_stonic"> </span> <strong class="g_name">Stonic</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Light SUV</p></strong> </a> </li> <!-- 20190827 43621 Showroom GNB ë ì´ìì ë³ê²½ ìì²ì ë°ë¥¸ ë§í¬ì 구조 ë³ê²½--> <li class="grid_l"> <a href="/au/cars/seltos.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Seltos"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-seltos-pe.webp" alt="msg_vehicle_seltos"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-seltos-pe.webp" alt="msg_vehicle_seltos"> </span> <strong class="g_name">Seltos</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Small SUV</p></strong> </a> </li> <!-- 20190827 43621 Showroom GNB ë ì´ìì ë³ê²½ ìì²ì ë°ë¥¸ ë§í¬ì 구조 ë³ê²½--> <li class="grid_l"> <a href="/au/cars/sportage.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Sportage"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-sportage.png" alt="Sportage"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-sportage.png" alt="Sportage"> </span> <strong class="g_name">Sportage</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Medium SUV</p></strong> </a> </li> <!-- 20190827 43621 Showroom GNB ë ì´ìì ë³ê²½ ìì²ì ë°ë¥¸ ë§í¬ì 구조 ë³ê²½--> <li class="grid_l"> <a href="/au/cars/sorento.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Sorento"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-sorento.webp" alt="Sorento"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-sorento.webp" alt="Sorento"> </span> <strong class="g_name">Sorento</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Large SUV</p></strong> </a> </li> </ul> </div> <div class="car_grid"> <strong class="hidden">People Movers</strong> <ul class="grid_u"> <!-- 20190827 43621 Showroom GNB ë ì´ìì ë³ê²½ ìì²ì ë°ë¥¸ ë§í¬ì 구조 ë³ê²½--> <li class="grid_l"> <a href="/au/cars/carnival.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Carnival"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-carnival.webp" alt="Carnival"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-carnival.webp" alt="Carnival"> </span> <strong class="g_name">Carnival</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">People Mover/GUV</p></strong> </a> </li> </ul> </div> <!-- #65577 --> <div class="car_grid"> <strong class="hidden">Hybrid</strong> <ul class="grid_u"> <!-- 20190827 43621 Showroom GNB ë ì´ìì ë³ê²½ ìì²ì ë°ë¥¸ ë§í¬ì 구조 ë³ê²½--> <li class="grid_l"> <a href="/au/cars/sportage-hybrid.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Sportage Hybrid"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-sportage-hybrid.webp" alt="msg_vehicle_sportage-hybrid"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-sportage-hybrid.webp" alt="msg_vehicle_sportage-hybrid"> </span> <strong class="g_name">Sportage Hybrid</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Medium SUV</p></strong> </a> </li> <!-- 20190827 43621 Showroom GNB ë ì´ìì ë³ê²½ ìì²ì ë°ë¥¸ ë§í¬ì 구조 ë³ê²½--> <li class="grid_l"> <a href="/au/cars/niro-hybrid.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Niro Hybrid"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-niro-hybrid.webp" alt="msg_vehicle_niro-hybrid"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-niro-hybrid.webp" alt="msg_vehicle_niro-hybrid"> </span> <strong class="g_name">Niro Hybrid</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Small SUV</p></strong> </a> </li> </ul> </div> <!-- #64712--> <div class="car_grid"> <strong class="hidden">Light Commercial</strong> <ul class="grid_u"> <!-- 20190827 43621 Showroom GNB ë ì´ìì ë³ê²½ ìì²ì ë°ë¥¸ ë§í¬ì 구조 ë³ê²½--> <li class="grid_l"> <a href="/au/cars/tasman.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Tasman"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-tasman.webp" alt="msg_vehicle_tasman"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-tasman.webp" alt="msg_vehicle_tasman"> </span> <strong class="g_name">Tasman</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Arriving 2025</p></strong> </a> </li> </ul> </div> <div class="new_cars_type"> <ul> <li> <a href="/au/cars/range.html" class="bl_type_a">All Cars</a> </li> <li> <a href="/au/cars/suv.html" class="bl_type_a">SUV</a> </li> <li> <a href="/au/cars/small-suv.html" class="bl_type_a">Small SUVs</a> </li> <li> <a href="/au/cars/mid-size-suv.html" class="bl_type_a">Mid-size SUVs</a> </li> <li> <a href="/au/cars/large-suv.html" class="bl_type_a">Large SUVs</a> </li> <li> <a href="/au/cars/performance-cars.html" class="bl_type_a">Performance Cars</a> </li> <li> <a href="/au/cars/family-cars.html" class="bl_type_a">Family Cars</a> </li> <li> <a href="/au/cars/7-and-8-seater.html" class="bl_type_a">7 & 8 Seater</a> </li> <li> <a href="/au/cars/small-cars.html" class="bl_type_a">Small Cars</a> </li> <li> <a href="/au/cars/hatchback.html" class="bl_type_a">Hatchback</a> </li> <li> <a href="/au/cars/electric-cars.html" class="bl_type_a">Electric Cars</a> </li> <li> <a href="/au/cars/hybrid-cars.html" class="bl_type_a">Hybrid Cars</a> </li> </ul> </div> </div> </li> <li class="dth1_l"><a href="#" class="dth1_a" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Top Menu">Shopping Tools</a> <ul class="dth2_u"> <li class="dth2_l"><a href="/au/shopping-tools/build-and-price.html" class="dth2_a">Build & Price</a></li> <li class="dth2_l"><a href="/au/shopping-tools/request-a-test-drive.html" class="dth2_a">Request a Test Drive</a></li> <li class="dth2_l"><a href="/au/shopping-tools/find-a-dealer.html" class="dth2_a">Find a Dealer</a></li> <li class="dth2_l"><a href="/au/shopping-tools/request-a-brochure.html" class="dth2_a">View Brochures</a></li> <li class="dth2_l"><a href="/au/shopping-tools/offers.html" class="dth2_a">Offers</a></li> <li class="dth2_l"><a href="/au/shopping-tools/finance-calculator.html" class="dth2_a">Finance Calculator</a></li> <li class="dth2_l"><a href="/au/shopping-tools/kia-car-care.html" class="dth2_a">Kia Car Care</a></li> <li class="dth2_l"><a href="/au/shopping-tools/fleet-edge.html" class="dth2_a">Kia Fleet Edge</a></li> <li class="dth2_l"><a href="/au/shopping-tools/kia-finance.html" class="dth2_a">Kia Finance</a></li> <li class="dth2_l"><a href="/au/shopping-tools/kia-insurance.html" class="dth2_a">Kia Premier Motor Insurance</a></li> <li class="dth2_l"><a href="/au/shopping-tools/kia-renew-guaranteed-future-value.html" class="dth2_a">Kia Renew</a></li> <li class="dth2_l"><a href="/au/shopping-tools/genuine-accessories.html" class="dth2_a">Kia Genuine Accessories</a></li> </ul> </li> <li class="dth1_l"><a href="#" class="dth1_a" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Top Menu">Electric Cars</a> <ul class="dth2_u"> <li class="dth2_l"><a href="/au/electric-cars/ev.html" class="dth2_a">Electric Cars</a></li> <li class="dth2_l"><a href="/au/electric-cars/hybrid-cars.html" class="dth2_a">Hybrid Cars</a></li> <li class="dth2_l"><a href="/au/electric-cars/ev-service-plans.html" class="dth2_a">EV Service Plans</a></li> <li class="dth2_l"><a href="/au/electric-cars/ev-day.html" class="dth2_a">EV Day</a></li> </ul> </li> </ul> <!-- //ìì #50692 2020.12.14 start --> <ul class="gnb_nav gnb_right"> <li class="dth1_l"><a href="/au/recall-information.html" class="dth1_a" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Top Menu">Safety Recalls</a> <li class="dth1_l"><a href="#" class="dth1_a" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Top Menu">Owners</a> <ul class="dth2_u"> <li class="dth2_l"><a href="/au/owners/overview.html" class="dth2_a">Kia Service</a></li> <li class="dth2_l"><a href="/au/owners/warranty.html" class="dth2_a">Kia Warranty</a></li> <li class="dth2_l"><a href="/au/owners/capped-price-service.html" class="dth2_a">Kia Capped Price Servicing</a></li> <li class="dth2_l"><a href="/au/owners/roadside-assist.html" class="dth2_a">Kia Roadside Assistance</a></li> <li class="dth2_l"><a href="/au/owners/genuine-parts.html" class="dth2_a">Kia Genuine Parts</a></li> <li class="dth2_l"><a href="/au/owners/change-of-ownership.html" class="dth2_a">Change of Ownership</a></li> <li class="dth2_l"><a href="/au/owners/recall-information.html" class="dth2_a">Recall Information</a></li> <li class="dth2_l"><a href="/au/owners/service-and-warranty-manual.html" class="dth2_a">Kia Service and Warranty Manuals</a></li> <li class="dth2_l"><a href="/au/owners/manual.html" class="dth2_a">Owners Manuals</a></li> <li class="dth2_l"><a href="/au/owners/kia-connect.html" class="dth2_a">Kia Connect</a></li> <li class="dth2_l"><a href="/au/owners/independent.html" class="dth2_a">Independent Repairers Access</a></li> </ul> </li> <li class="dth1_l"><a href="#" class="dth1_a" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Top Menu">Discover Kia</a> <ul class="dth2_u"> <li class="dth2_l"><a href="/au/discover-kia/this-is-kia.html" class="dth2_a">This is Kia</a></li> <li class="dth2_l"><a href="/au/discover-kia/our-movement.html" class="dth2_a">Our Movement</a></li> <li class="dth2_l"><a href="/au/discover-kia/pbv.html" class="dth2_a">PBV</a></li> <li class="dth2_l"><a href="/au/discover-kia/sponsorship.html" class="dth2_a">Partnerships</a></li> <li class="dth2_l"><a href="/au/discover-kia/company-statements.html" class="dth2_a">Company Statements</a></li> <li class="dth2_l"><a href="/au/discover-kia/sustainability.html" class="dth2_a">Sustainability</a></li> <li class="dth2_l"><a href="/au/discover-kia/ao2024.html" class="dth2_a">AO 2024</a></li> </ul> </li> </ul> <!-- //ìì #50692 2020.12.14 end --> <div class="util_area"> <ul class="util_menu"> <li class="util_l"><a href="/au/discover-kia/our-movement.html" class="util_a" target='_self' data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Top Menu">Discover Kia</a></li> <li class="util_l"><a href="/au/util/news.html" class="util_a" target='_self' data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Top Menu">News</a></li> <li class="util_l"><a href="/au/util/contact-us.html" class="util_a" target='_self' data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Top Menu">Contact Us</a></li> <li class="util_l"><a href="/au/util/faq.html" class="util_a" target='_self' data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Top Menu">FAQ</a></li> <li class="util_l"><a href="/au/util/privacy.html" class="util_a" target='_self' data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Top Menu">Privacy</a></li> <li class="util_l"><a href="/au/util/unsubscribe.html" class="util_a" target='_self' data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Top Menu">Unsubscribe</a></li> </ul> <div class="util_set_location"> <div class="set_location_form"> <input type="text" id="syl_postCode_M" placeholder="Your Postcode" title="Your Postcode" maxlength="4"> <button type="button">Set</button> <!-- 2022.06.08 #56990 --> </div> <a href="#none" class="util_a sylPopupOpen sylNoRegion">Set Your Location</a> <!-- 2021.04.09 #51865 --> <div class="my_location"> <span class="txt">Your Location</span> <strong id="myIocation_regionCode"></strong> <a href="#none" class="util_a sylPopupOpen">Change</a> </div> <div class="error">Invalid Postcode.</div> </div> <!-- find a dealer 20201218 S --> <div class="util_find_dealer"> <a href="/au/shopping-tools/find-a-dealer.html">Find a Dealer</a> </div> <!-- find a dealer E --> <div class="util_search"> <!-- new wsg #50692--> <div class="u_sch_button"> <a href="#" class="sch_act_btn"> <span class="ico_txt">Search</span> </a> </div> <!--// new wsg #50692--> <div class="u_sch_box"> <form action="/au/util/search.html" method="get"> <input type="text" name="q" id="txtTopSearch" class="sch_inp" title="Search Keyword" placeholder="Search"> <button type="submit" class="sch_btn" title="Search"><span class="cmm_spr spr_search">Search</span></button> </form> </div> </div> </div> <!-- #50692 header ì»´í¬ëí¸ ìì±--> <div class="go_build"><!-- #50692 --> <div class="link-f-7-5 mainbuild" style="min-width:100px;"> <!-- mainbuild cpnt --> <a href="/au/shopping-tools/build-and-price.html" class="btnMedium btnType1" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Top Menu"><span class="cmm_tspr spr_build"><em class="desc">Build & Price</em></span></a> <!-- end mainbuild cpnt --> </div> </div> <!-- GT SEO 20150827 h2 > div --> <div class="hidden">Util Menu</div> </div> <!-- //GNB --> </div> </div> <script type="text/javascript"> (function($) { $(".sch_inp").keydown(function(evt) { if (evt.keyCode == 13) { submit(); } }); window.$GT = $.extend(window.$GT || {}, { topSearch: function(q, obj) { if (!obj) { obj = $("#txtTopSearch"); } else { if (typeof(obj) === "string") { obj = $("#" + obj); } else { obj = $(obj); } } if (!q) { q = obj.val(); if (!q || q == "") { q = obj.text(); } } location.href = "/au/util/search.html?" + $.param({ q: q }); } }); var regionCode = getCookie("regionCode"); var postCode = getCookie("postCode"); var code = postCode + " " + regionCode; var sylPopup = $('.util_area .util_set_location .sylNoRegion'); var sylLocation = $('.util_area .util_set_location .my_location'); if(code != " "){ sylPopup.hide(); sylLocation.show(); $('#myIocation_regionCode').text(code); }else{ sylPopup.show(); sylLocation.hide(); } var regionCode = getCookie("regionCode"); if( regionCode != "" ){ $(".g_info").text("DRIVE AWAY FROM"); $.ajax({ url : "/api/kia_australia/common/trimPrice.selectPriceByModel?regionCode="+regionCode, async : true, type : 'GET', success : function(data){ if(data.dataInfo){ resultList = data.dataInfo; if(resultList.length>0){ for(var idx=0;idx<resultList.length;idx++){ if(resultList[idx].modelCode){ $('.gnb_price_'+resultList[idx].modelCode).text("$"+resultList[idx].flippyPriceComma); } } } } } }); } })(jQuery); </script> <div id="container" ng-app="kwcmsAppModuleApp" ng-cloak> <div id="pop_sec" class="pop_dimmed "></div> <div id="content" class="subContents" style=""> <!--2020.06.11 #47546 KBR --> <div class="par parsys"><div class="layout parbase section"><div class="layout_default "> <div class="cpt_area"> <div class=" "> </div> </div> </div> </div> <div class="global-title parbase section"> <div class="content_title "> <!-- 2022.01.24 #55371 다이얼로그 타이틀 넓이값 1200 선택시 pc_1200 class 추가 --> <div class="con_navi"> <ol vocab="http://schema.org/" typeof="BreadcrumbList"> <li property="itemListElement" typeof="ListItem" style="display:inline"> <a href="/au/main.html" property="item" typeof="WebPage"><span class="cmm_spr spr_home" property="name">Home</span><span class="gt">></span></a> <meta property="position" content=1> </li> <li property="itemListElement" typeof="ListItem" style="display:inline"> <span class="depth" property="name">shopping tools</span><span class="gt">></span> <meta property="position" content=2> </li> <li property="itemListElement" typeof="ListItem" style="display:inline"> <a href="/au/shopping-tools/find-a-dealer.html" property="item" typeof="WebPage"><strong class="depth current"property="name">Find a Dealer</strong></a> <meta property="position" content=3> </li> </ol> </div> <h1 class="con_tit"><p>Find a Dealer</p> </h1> </div></div> <div class="find-a-dealer section"> <script type="text/javascript" src="/etc/designs/kia-australia/clientlib/js/google_maps_util.js"></script> <script type="text/javascript"> if( !String.prototype.startsWith ){ String.prototype.startsWith = function(searchString){ return this.substr(0,searchString.length) === searchString; } } var _find_dealer_search_ = null; var _find_dealer_list_view_ = null; var _find_dealer_map_view_ = null; var _latitude = -25.274398; var _longitude = 133.77513599999997; kwcmsApp.controller("findadealer.search", function($scope, HttpService) { //reference_controller_scopeas _find_dealer_search_ = $scope; //current view selector $scope.searchTab = "all"; $scope.currentTab = ""; //checked category values //$scope.checkedValue = []; $scope.distanceViewFlag = "N"; //default search parameters. $scope.paramVO = { "pageNum" : 1 , "pageSize" : 7777777 , "pageCnt" : 5 , "sc.delYn" : "N" , "sc.displayYn" : "Y" , "sortKey[0]" : "distance" , "sortType[0]" : "A" , "sc.searchKey" : "" , "sc.area" : "" , "isAll" : true }; //For google maps places autocomplete var autocomplete = {}; var input = document.getElementById('googapisearch'), options = { componentRestrictions: {'country':'au'}, types: ['(regions)'] }; var ALLDEALERS = {}; var PLACE; //initialize $scope.init = function () { $scope.currentTab = "map"; /* AU not using these filters //call area list commonCodeLib.init("FD03SC","kia_australia"); $scope.areas = commonCodeLib.comCdList; //call service categories commonCodeLib.init("FD02SC","kia_australia"); $scope.categories = commonCodeLib.comCdList; */ fnGetCurrentPosition(); $scope.paramVO["sc.lat"] = _latitude; $scope.paramVO["sc.lng"] = _longitude; var params = { method : "GET" , params : $scope.paramVO , url : "/api/kia_australia/base/fd01/findDealer.selectFindDealerByServiceList" }; HttpService.http(params, $scope.initCallback, $scope.paramVO); autocomplete = new google.maps.places.Autocomplete(input, options); $("#googapisearch").keyup(function(event){ if(event.keyCode == 13){ if (autocomplete.getPlace() != undefined) { showError(false); PLACE = autocomplete.getPlace(); } $scope.search(1, false); } }); pacSelectFirst(input); google.maps.event.addListener(autocomplete, 'place_changed', function () { if (autocomplete.getPlace() != undefined) { showError(false); PLACE = autocomplete.getPlace(); } $scope.search(1, false); }); }; //change tab $scope.viewTab = function (tabName) { $scope.currentTab = tabName; if (tabName == "list" && $scope.paramVO.isAll == true) { $scope.paramVO["pageSize"] = 5; _find_dealer_list_view_.init(getCurrentList($scope.paramVO["pageNum"]), $scope.paramVO); } _find_dealer_list_view_.currentTab = tabName; _find_dealer_map_view_.currentTab = tabName; }; $scope.searchClick = function(){ if (PLACE == undefined && $("#googapisearch").val() != "") { var service = new google.maps.places.AutocompleteService(input, options); service.getPlacePredictions({ input: $('#googapisearch').val(), types: ['(regions)'], componentRestrictions: {'country': 'au'}}, function(predictions, status){ if (status != google.maps.places.PlacesServiceStatus.OK) { showError(true); PLACE = null; $scope.search(1, false); } else { var placeService = new google.maps.places.PlacesService(document.createElement('div')); placeService.getDetails({ placeId: predictions[0].place_id}, function(placeResult, status){ if (status != google.maps.places.PlacesServiceStatus.OK) { showError(true); PLACE = null; } else { showError(false); PLACE = placeResult; $(".none_data_box").hide(); // 2021.05.10 #52058 추가 } $scope.search(1, false); }); } }); } else { $scope.search(1, false); } //$(".location_result").show(); // 2021.05.04 #52058 추가 }; //search method $scope.search = function (pageNum, isAll) { console.log("1"); $scope.searchKey = $("#googapisearch").val(); //Data has been downloaded if(!angular.equals(ALLDEALERS, {})){ //Valid google api search if (($scope.searchKey || 0 !== $scope.searchKey.length) && PLACE != undefined && PLACE.geometry != undefined) { showError(false); $scope.paramVO = { "pageNum" : 1 , "pageSize" : 5 , "pageCnt" : 1 , "sc.delYn" : "N" , "sc.displayYn" : "Y" , "sc.searchType" : "postCode" , "sortKey[0]" : "distance" , "sortType[0]" : "A" , "sc.searchKey" : $scope.searchKey , "sc.area" : "" , "isAll" : false }; var ctr = 0; ALLDEALERS.dataInfo.forEach(function(dealer){ ALLDEALERS.dataInfo[ctr].distance = getDistanceFromLatLonInKm(dealer.lat, dealer.lng, PLACE.geometry.location.lat(), PLACE.geometry.location.lng()); ctr++; }); ALLDEALERS.dataInfo.sort(function(a, b) { return parseFloat(a.distance) - parseFloat(b.distance); }); var TOP_5 = {"dataInfo":ALLDEALERS.dataInfo.slice(0, 5), "result": "Success", "totalCount": 5}; /* Remove Preferred Dealer var preferredDealer = getPreferredDealer(getZip(autocomplete.getPlace())); var TOP_5 = {"dataInfo":[], "result": "Success", "totalCount": 5}; var TOP_6_CLOSEST = ALLDEALERS.dataInfo.slice(0, 6); if (preferredDealer[0] != null){ TOP_5.dataInfo.push(preferredDealer[0]); TOP_5.dataInfo[0].preferred = true; for (var i=0; i<5; i++) { if (TOP_6_CLOSEST[i].dealerNm !== preferredDealer[0].dealerNm){ TOP_5.dataInfo.push(TOP_6_CLOSEST[i]); } } } else { TOP_5.dataInfo = TOP_6_CLOSEST.slice(0, 5); } */ $(".listInner").height(600); $('.pg_num_area').hide(); $scope.searchCallback(TOP_5, $scope.paramVO); $(".none_data_box").hide(); // 2021.05.10 #52058 추가 } else { if (!$scope.paramVO["isAll"] && ($scope.searchKey || 0 !== $scope.searchKey.length)){ showError(true); } if ($scope.searchKey === "99999") { showError(false); var data = {"dataInfo": [{ "dealerSeq" : 260, "centerSeq" : null, "dealerNm" : "Kia Test Dealer", "dealerCode" : "99999", "testDriveDealerId" : "200", "area" : "NSW", "postCodes" : "9999", "addr" : "123 John Doe street", "addrSC" : null, "phone" : "123456789", "zipcode" : "9999", "openHours" : "Kia Test Dealer", "url" : "www.kia.com.au", "lat" : -0.12, "lng" : 1.23, }], "result": "Success", "totalCount": 1}; $scope.searchCallback(data, $scope.paramVO); return; } /*$(".listInner").height(524);*/ $('.pg_num_area').show(); $scope.searchCallback(getCurrentList(pageNum), $scope.paramVO); } } }; //Callback stores dealer data...this should only be called once during page load $scope.initCallback = function (data, params) { ALLDEALERS = data; ALLDEALERS.totalCount = data.dataInfo.length; $scope.paramVO["pageSize"] = 5; $scope.search(1, params.isAll, null); }; //refresh views with relevant data $scope.searchCallback = function (data, params) { if (params.isAll == true && $scope.currentTab !== "list") { //_find_dealer_map_view_.allInit(data, params); _find_dealer_map_view_.init(data, params); } else { _find_dealer_list_view_.init(data, params); _find_dealer_map_view_.init(data, params); } if (!$scope.$$phase && !$scope.$root.$$phase) { $scope.$apply(); } dtmDataLayer = null; if( data.totalCount > 0 && 0 !== $scope.searchKey.length) { dtmDataLayer = { 'dealer_search_term': $scope.searchKey }; } else { dtmDataLayer = { 'no_result_dealer': $scope.searchKey }; } _satellite.track('internal_search'); if (data.totalCount > 0 && $scope.searchKey.length > 0) { var _searchKey = $scope.searchKey; var regex = /[^0-9]/g; var _searchKey_post = _searchKey.replace(regex, ""); if(_searchKey_post.length == 0 ) { _searchKey_post = _searchKey } KIA.tagging.gtm.track("find_a_dealer", "find a dealer", "search a dealer", _searchKey_post, { "user_location" : $scope.searchKey.split(' ')[0] }); } PLACE = null; //autocomplete.set('place',void(0)); /* if( $scope.paramVO["pageSize"] == 3 ){ if(data.dataInfo && data.dataInfo.length > data.totalCount ) data.totalCount = data.dataInfo.length; if(data.totalCount > 3) data.totalCount = 3; $scope.distanceViewFlag = "Y"; } else{ $scope.distanceViewFlag = "N"; } _find_dealer_list_view_.distanceViewFlag = $scope.distanceViewFlag; _find_dealer_map_view_.distanceViewFlag = $scope.distanceViewFlag; */ }; //click area radio search /* AU Not using these $scope.radioSearch = function (area) { $scope.paramVO["sc.area"] = area; $scope.searchKey = ""; $scope.search(); }; //click category checkbox search $scope.checkboxSearch = function (code) { var idx = $scope.checkedValue.indexOf(code); var cvLen = $scope.checkedValue.length; if (idx > -1) { // is currently selected $scope.checkedValue.splice(idx, 1); } else { // is newly selected $scope.checkedValue.push(code); } //to make condition for search //initailize if (cvLen > 0) { for (var i = 0 ; i < cvLen ; i++) { delete $scope.paramVO["sc.searchServiceCd[" + i + "]"]; } } //make cvLen = $scope.checkedValue.length; if (cvLen > 0) { for (var i = 0 ; i < cvLen ; i++) { $scope.paramVO["sc.searchServiceCd[" + i + "]"] = $scope.checkedValue[i]; } } $scope.search(); }; */ // Show error message or not function showError(show) { var errorElement = document.getElementById("search_error"); if (show){ $scope.paramVO.isAll = true; errorElement.style.display = 'block'; } else { $scope.paramVO.isAll = false; errorElement.style.display = 'none'; } } //Get current 5 function getCurrentList(pageNum) { if (pageNum === undefined) { pageNum = 1; } var CURRENT_5 = {"dataInfo":[], "result": "Success", "totalCount": ALLDEALERS.totalCount}; var firstRow = 0; var lastRow = $scope.paramVO["pageSize"]; var totalPages = parseInt((ALLDEALERS.totalCount-1)/$scope.paramVO["pageSize"] + 1); $scope.paramVO["pageNum"] = pageNum; if (pageNum > 1) { if (pageNum < totalPages) { firstRow = (pageNum - 1) * $scope.paramVO["pageSize"]; lastRow = firstRow + $scope.paramVO["pageSize"]; } else { firstRow = (pageNum - 1) * $scope.paramVO["pageSize"]; lastRow = ALLDEALERS.totalCount; } } CURRENT_5.dataInfo = ALLDEALERS.dataInfo.slice(firstRow, lastRow); $scope.paramVO["sc.searchKey"] = $scope.searchKey; $scope.paramVO["pageCnt"] = 5; return CURRENT_5; } //Select first Google Maps API autocomplete suggestion on pressing Enter pacSelectFirst = function(input) { // store the original event binding function var _addEventListener = (input.addEventListener) ? input.addEventListener : input.attachEvent; function addEventListenerWrapper(type, listener) { // Simulate a 'down arrow' keypress on hitting 'return' when no pac suggestion is selected, // and then trigger the original listener. if (type == "keydown") { var orig_listener = listener; listener = function(event) { var suggestion_selected = $(".pac-item-selected").length > 0; if (event.which == 13 && !suggestion_selected) { var simulated_downarrow = $.Event("keydown", { keyCode: 40, which: 40 }); orig_listener.apply(input, [simulated_downarrow]); } orig_listener.apply(input, [event]); }; } _addEventListener.apply(input, [type, listener]); } input.addEventListener = addEventListenerWrapper; input.attachEvent = addEventListenerWrapper; }; //Get dealer assigned to postcode function getPreferredDealer(zip_code) { return ALLDEALERS.dataInfo.filter( function(data){return ~data.postCodes.indexOf(zip_code)} ); } }); function fnGetCurrentPosition() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition (function (pos) { _latitude = pos.coords.latitude; _longitude = pos.coords.longitude; }); console.log( "navigator.geolocation is true" ); console.log( "latitude : " + _latitude + " , longitude : " + _longitude ); } else { console.log( "navigator.geolocation is false" ); } } </script> <div class="content_detail"> <div class="inner find_dealer"> <div class="findSearch findDealer" ng-controller="findadealer.search" ng-init="init()"> <strong class="schTit">Search</strong> <div class="schCon"> <div class="formArea type2"> <h4 class="hidden">Find a dealer</h4> <div class="ipt_wrap"> <div class="formInput"> <input id="googapisearch" placeholder="Enter a suburb or postcode" type="search" class="sch_inp ng-pristine ng-invalid ng-invalid-required" autocomplete="off"> </div> <div class="btnArea"><button id="btn_search" type="button" class="btnMedium btnType1" ng-click="searchClick()"><span class="btnIcon arrow_r">Search</span></button></div> <!-- 2021.04.09 #51865 --> <div id="errordiv"> <span id="search_error" style="color: red; display: none">We weren't able to find dealers in the area specified. Please type a different location.</span> </div> </div> </div> </div><!-- // schCon --> </div><!-- // findSearch --> <!-- 2021.05.07 #52058 S --> <div class="result_sch_wrap"> <!-- 2021.05.07 #52058 no-data일경우 S --> <div class="none_data_box"> <span>Search your suburb or postcode in the box above</span> </div> <!-- 2021.05.07 #52058 no-data일경우 E --> <!-- Component : find a dealer component Description : shopping tools > find a dealer author : DongHee.Jung since : 2014.12.26 version : 1.0 Modification Information since author description =========== ============= =========================== 2014.12.26 DongHee.Jung Create 2015.01.07 Jinwoo.Yuk Arrangement Source Code (pagination, angular javascript..) 2015.01.07 Jinwoo.Yuk Bug fix --> <style type="text/css"> <!-- 2024.07.22 #65980 요청에 의한 삭제 --> /* th a:hover{color:#BB162B} div span:hover{color:#BB162B; text-decoration:underline;} ul.info li a:active{color:#BB162B}*/ </style> <script type="text/javascript"> kwcmsApp.controller("findadealer.list", function($scope, pagination) { //reference_controller_scope _find_dealer_list_view_ = $scope; //current view selector $scope.searchTab = _find_dealer_search_.searchTab; $scope.currentTab = _find_dealer_search_.currentTab; $scope.distanceViewFlag = _find_dealer_search_.distanceViewFlag; //initailize list view $scope.init = function (data, params) { if (angular.equals(data.result, "Success")) { $scope.list = data.dataInfo; $scope.total = data.totalCount; $scope.firstNum = $scope.total - ((params.pageNum - 1) * params.pageSize); pagination.paginationCreate($scope.total, params.pageNum, params.pageSize, params.pageCnt, $scope.search); $scope.pageNum = params.pageNum; } else { alert('Sorry. A system error has occurred.'); } }; //phone 2018.05.09 추가 https://wrms.kia.com/cb/issue/38544 $scope.fnGoPhone = function (phone) { if(matchMedia("screen and (max-width: 767px)").matches){location.href = "tel:" + phone;}; }; //search $scope.search = function (pageNum) { _find_dealer_search_.search(pageNum); }; //change tab $scope.viewTab = function (tab) { _find_dealer_search_.viewTab(tab); }; //make address html $scope.getAddrStr = function(item){ var str = ""; if(item.phone != null){ str += "<strong>P</strong>. <span>" + item.phone + "</span>"; } if(item.fax != null){ if(str != "- "){ str += " <br> "; } str += "<strong>F</strong>. " + item.fax; } if(item.zipcode != null && item.zipcode != ""){ str = "<strong>A</strong>. " + item.addr + ', ' + item.zipcode + "<br>" + str; } else{ str = "<strong>A</strong>. " + item.addr + "<br>" + str; } return str; }; // make SC address html $scope.getAddrStrSC = function(item){ var str = ""; if(item.phoneSC != null){ str += "<strong>P</strong>. <span>" + item.phoneSC + "</span>"; } if(item.faxSC != null){ if(str != "- "){ str += " <br> "; } str += "<strong>F</strong>. " + item.faxSC; } if(item.zipcodeSC != null && item.zipcodeSC != ""){ str = "<strong>A</strong>. " + item.addrSC + ', ' + item.zipcodeSC + "<br>" + str; } else{ str = "<strong>A</strong>. " + item.addrSC + "<br>" + str; } return str; }; $scope.clickLink = function(url, title, dealerNm ) { // find a dealer 또는 service center > dealer 이름 옆에 링크 클릭 시 window.dataLayer = window.dataLayer ||[]; window.dataLayer.push({ 'event': 'find_a_dealer', 'event_category': 'find a dealer', 'event_action': title, //'request a testdrive', 'event_label': dealerNm, // eg: 'abdo kfoury' 'dealer_name': dealerNm, }); console.log(window.dataLayer[window.dataLayer.length-1]); location.href = url; }; }); </script> <div class="con_box location_result" ng-controller="findadealer.list" ng-show="currentTab == 'list'"> <div class="location_text"> <h5 class="result_txt"><span class="m_none">Search Result : </span><strong>{{total}}</strong> Dealers Found <span ng-show="distanceViewFlag == 'Y'"> (show dealers nearby)</span></h5> <div class="tab_type1"> <a href="#map" class="tab_link" ng-click="viewTab('map')">Map View</a> <a href="#list" class="tab_link tt1_on" ng-click="viewTab('list')">List View</a> </div> </div> <div class="location_listview"> <h6 class="hidden">List View</h6> <!-- Web version --> <table class="table_type3 location_table"> <caption>Search Result</caption> <colgroup> <col style="width:17%"> <col style="width:*"> <col style="width:25%"> <col style="width:19%"> </colgroup> <thead> <tr> <th scope="col">Name / Site</th> <th scope="col">Address / Phone / Fax</th> <th scope="col">Opening Hours</th> <th scope="col">Shopping Tool</th> </tr> </thead> <tbody ng-repeat="item in list" ng-show="total > 0"> <tr> <th rowspan="2">{{item.dealerNm}}<br><a ng-href="{{item.url.indexOf('http') == -1 ? ('http://' + item.url) : item.url}}" target="_blank">{{item.url}}</a></th> <td class="tleft"><strong>Sales</strong><br><div ng-bind-html="getAddrStr(item) | sanitize"></div></td> <td class="tleft" ng-bind-html="'<strong>Sales</strong><br>{{item.openHours}}' | sanitize"></td> <td class="tleft" rowspan="2"> <a href="javascript:;" ng-click="clickLink('/au/shopping-tools/request-a-test-drive.html/dealerSeq/'+item.dealerSeq,'request-a-test-drive', item.dealerNm)" class="bl_type_a" title="msg_new_window">Request a Test Drive</a> <a href="javascript:;" ng-click="clickLink('/au/shopping-tools/request-a-brochure.html/dealerSeq/'+item.dealerSeq,'request-a-brochure', item.dealerNm)" class="bl_type_a" title="msg_new_window">View Brochure</a> <a href="javascript:;" ng-click="clickLink('/au/owners/book-a-service.html/dealerSeq/'+item.dealerSeq,'book-a-service', item.dealerNm)" class="bl_type_a" title="msg_new_window">Request a Service</a> </td> </tr> <tr> <td class="tleft bdl"><strong>Service and Parts</strong><br><div ng-bind-html="getAddrStrSC(item) | sanitize"></div></td> <td class="tleft " ng-bind-html="'<strong>Service and Parts</strong><br>{{item.openHoursSC}}' | sanitize"></td> </tr> </tbody> <tbody ng-show="total == 0"> <tr> <td colspan="4" class="nodata"><span>Please try another search term.</span></td> </tr> </tbody> </table> <!-- //Web version --> <!-- Mobile version --> <ul class="location_list"> <li class="loc_l" ng-repeat="item in list" ng-show="total > 0"> <strong class="locTit"> {{item.dealerNm}} <!--<strong class="{{pageNum == '1' && $index < 3 ? 'txt_km':''}}" ng-show="distanceViewFlag == 'Y' ">({{item.distance}}km)</strong>--> <br> <a ng-href="{{item.url.indexOf('http') == -1 ? ('http://' + item.url) : item.url}}" target="_blank"> <span class="link_url">{{item.url}}</span> </a> </strong> <div class="locInfo"> <p class="addr" ng-hide="!item.addr"><strong>Sales Address</strong><br>{{item.addr}}</p> <p class="addr" ng-hide="!item.addrSC"><strong>Service and Parts Address</strong><br>{{item.addrSC}}</p> <ul class="info"> <!--<li ng-hide="!item.phone"><strong>Sales Phone</strong> : {{item.phone}}</li>--> <li ng-hide="!item.phone"><strong>Sales Phone</strong> : <a href="tel:{{item.phone}}" style="text-decoration:underline;" ng-click="fnGoPhone(item.phone)">{{item.phone}}</a></li> <!--<li ng-hide="!item.phoneSC"><strong>Service and Parts Phone</strong> : {{item.phoneSC}}</li>--> <li ng-hide="!item.phoneSC"><strong>Service and Parts Phone</strong> : <a href="tel:{{item.phoneSC}}" style="text-decoration:underline;" ng-click="fnGoPhone(item.phone)">{{item.phoneSC}}</a></li> <li class="hours" ng-bind-html="'<strong>Sales Opening Hours</strong><br>{{item.openHours}}' | sanitize"></li> <li class="hours" ng-bind-html="'<strong>Service and Parts Opening Hours</strong><br>{{item.openHoursSC}}' | sanitize"></li> <li ng-hide="!item.url"><strong>URL</strong> : <a ng-href="{{item.url.indexOf('http') == -1 ? ('http://' + item.url) : item.url}}" target="_blank">{{item.url}}</a></li> </ul> <div class="btn_area"> <a href="javascript:;" ng-click="clickLink('/au/shopping-tools/request-a-test-drive.html/dealerSeq/'+item.dealerSeq,'request-a-test-drive', item.dealerNm)" class="bl_type_a" title="msg_new_window">Request a Test Drive</a> <a href="javascript:;" ng-click="clickLink('/au/shopping-tools/request-a-brochure.html/dealerSeq/'+item.dealerSeq,'request-a-brochure', item.dealerNm)" class="bl_type_a" title="msg_new_window">View Brochure</a> <a href="javascript:;" ng-click="clickLink('/au/owners/book-a-service.html/dealerSeq/'+item.dealerSeq,'book-a-service', item.dealerNm)" class="bl_type_a" title="msg_new_window">Request a Service</a> </div> </div> </li> <li class="nodata" ng-show="total == 0"><span>Please try another search term.</span></li> </ul> <!-- //Mobile version --> <div class="pg_num_area" ng-show="total > 0"> <script type="text/javascript"> kwcmsApp.factory('pagination',[function(){ var paginationObj = { pageNum : "", prePageNum : "", nextPageNum: "", totalPageNum: "", nextGroupStartPage : "", range : "", movePage:function(){}, }; return { paginationCreate : function(tCnt,pNum,row,pager,fnc){ var rowPerPage = row; /** 보여질 row 갯수 */ var pagerSize = pager; /** 하단 pagerSize */ var totalPager = parseInt((tCnt-1)/rowPerPage+1); paginationObj.movePage = fnc; /***************************** * 현재 pageNum validate ******************************/ if(!pNum) pNum = 1; if(pNum<1) pNum = 1; if(pNum>totalPager) pNum = totalPager; paginationObj.pageNum = pNum; paginationObj.totalPager = totalPager; paginationObj.prePageNum = paginationObj.pageNum-1 <1 ? "1" : paginationObj.pageNum-1; paginationObj.nextPageNum = paginationObj.pageNum+1 >totalPager ? totalPager : paginationObj.pageNum+1; /***************************** * pagination * 표시될 pager 갯수 정의 ******************************/ pagerBlock = parseInt((paginationObj.pageNum-1)/pagerSize); pagerStartNum= parseInt(pagerBlock*pagerSize)+1; pagerEndNum = pagerStartNum+(pagerSize-1); if(pagerEndNum > totalPager) pagerEndNum = totalPager; var range = []; for(var i=pagerStartNum;i<=pagerEndNum;i++) { range.push(i); } paginationObj.range = range; paginationObj.prePageNum = (Math.ceil(paginationObj.pageNum/pager)-1)*pager; paginationObj.nextPageNum = pagerStartNum+pager >totalPager ? totalPager : pagerStartNum+pager; paginationObj.nextGroupStartPage = (Math.ceil(pNum/pagerSize) * pagerSize) +1; }, paginationData: function(){ return paginationObj; } }; }]); kwcmsApp.controller('kwcmsPagingCtl',['$scope','pagination',function($scope, pagination){ $scope.paginationObj = pagination.paginationData(); /* * $scope.paginationObj.movePage 함수는 $scope.paginationObj원형 그대로 사용 * alert($scope.paginationObj); */ }]); </script> <div ng-controller="kwcmsPagingCtl"> <a href="#" onclick="return false;" class="pg_arrow pg_prev" ng-click="paginationObj.movePage(paginationObj.prePageNum)" ng-show="paginationObj.prePageNum > 1">이전페이지</a> <a href="#" onclick="return false;" class="{{pageNumList == paginationObj.pageNum ? 'pg_num pg_num_on':'pg_num'}}" title="{{pageNumList == paginationObj.pageNum ? '현재페이지':''}}" ng-repeat="pageNumList in paginationObj.range" ng-click="paginationObj.movePage(pageNumList)">{{pageNumList}}</a> <a href="#" onclick="return false;" class="pg_arrow pg_next" ng-click="paginationObj.movePage(paginationObj.nextPageNum)" ng-show="paginationObj.nextGroupStartPage <= paginationObj.totalPager">다음페이지</a> </div> </div> </div> </div> <script type="text/javascript"> var objPoint = {}; kwcmsApp.controller("findadealer.map", function($scope, $timeout, pagination) { //reference_controller_scope _find_dealer_map_view_ = $scope; //map area id $scope.mapWrap = "mapArea"; //current view selector $scope.searchTab = _find_dealer_search_.searchTab; $scope.currentTab = _find_dealer_search_.currentTab; $scope.distanceViewFlag = _find_dealer_search_.distanceViewFlag; //exist all list? $scope.isCallAllList = false; //initailize list view $scope.init = function (data, params) { if (angular.equals(data.result, "Success")) { //get all list without search conditions $scope.list = data.dataInfo; $scope.total = data.totalCount; $scope.firstNum = $scope.total - ((params.pageNum - 1) * params.pageSize); if($scope.total > 0){ $(".location_mapview").show(); //pagination pagination.paginationCreate($scope.total, params.pageNum, params.pageSize, params.pageCnt, $scope.search); //init map $scope.initMap($scope.list, $scope.mapWrap, 0); }else{ //$scope.initMap($scope.list, $scope.mapWrap, 0); $(".location_mapview").hide(); } //pagination //pagination.paginationCreate($scope.total, params.pageNum, params.pageSize, params.pageCnt, $scope.search); //init map //$scope.initMap($scope.list, $scope.mapWrap, 0); $scope.pageNum = params.pageNum; } else { alert('Sorry. A system error has occurred.'); } }; //initailize all list $scope.allInit = function (data, params) { $scope.allList = data.dataInfo; objPoint.pointAll = []; //init map angular.element($scope.allList).each(function(idx){ var layerDOM = '<div class="dealer_layer">'; layerDOM += ' <div class="dealer_info">'; layerDOM += ' <strong class="name">' + this.dealerNm + '</strong>'; layerDOM += ' <ul class="info">'; layerDOM += ' <li class="address">' + this.openHours + '</li>'; layerDOM += ' </ul>'; layerDOM += ' <div class="move">'; layerDOM += ' <a href="javascript:clickLink(\'' + '/au/shopping-tools/request-a-test-drive.html/dealerSeq/' + this.dealerSeq + '\',\'' + 'request-a-test-drive' + '\',\''+this.dealerNm+'\' )" class="bl_type_a">Request a Test Drive</a><br/>'; layerDOM += ' <a href="javascript:clickLink(\'' + '/au/shopping-tools/request-a-brochure.html/dealerSeq/' + this.dealerSeq + '\',\'' + 'request-a-brochure' + '\',\''+this.dealerNm+'\' )" class="bl_type_a">Request a Brochure</a><br/>'; layerDOM += ' <a href="javascript:clickLink(\'' + '/au/owners/book-a-service.html/dealerSeq/' + this.dealerSeq + '\',\'' + 'book-a-service' + '\',\''+this.dealerNm+'\' )" class="bl_type_a">Request a Service</a><br/>'; layerDOM += ' </div>'; layerDOM += ' </div>'; layerDOM += '</div>'; objPoint.pointAll[idx] = ({ "lat" : this.lat , "lng" : this.lng , "info": layerDOM }); }); }; //draw map $scope.initMap = function (mapInfoObj, areaId, selectIdx, withTrack) { $scope.currBranch = selectIdx; if (objPoint) { objPoint.point =[]; if (mapInfoObj != "") { //dom for dealer layer angular.element(mapInfoObj).each(function(idx){ var layerDOM = '<div class="dealer_layer" style="overflow:hidden;">'; layerDOM += ' <div class="dealer_info">'; layerDOM += ' <strong class="name">' + this.dealerNm + '</strong>'; layerDOM += ' <ul class="info">'; layerDOM += ' <li class="address">' + this.openHours + '</li>'; //layerDOM += ' <li class="address">' + this.addr + '</li>'; //layerDOM += ' <li class="tel">Phone : ' + this.phone + '</li>'; //layerDOM += ' <li class="offer">'; //layerDOM += ' </li>'; layerDOM += ' </ul>'; layerDOM += ' <div class="move">'; layerDOM += ' <a href="javascript:clickLink(\'' + '/au/shopping-tools/request-a-test-drive.html/dealerSeq/' + this.dealerSeq + '\',\'' + 'request-a-test-drive' + '\',\''+this.dealerNm+'\' )" class="bl_type_a">Request a Test Drive</a><br/>'; layerDOM += ' <a href="javascript:clickLink(\'' + '/au/shopping-tools/request-a-brochure.html/dealerSeq/' + this.dealerSeq + '\',\'' + 'request-a-brochure' + '\',\''+this.dealerNm+'\' )" class="bl_type_a">Request a Brochure</a><br/>'; layerDOM += ' <a href="javascript:clickLink(\'' + '/au/owners/book-a-service.html/dealerSeq/' + this.dealerSeq + '\',\'' + 'book-a-service' + '\',\''+this.dealerNm+'\' )" class="bl_type_a">Request a Service</a><br/>'; layerDOM += ' </div>'; layerDOM += ' </div>'; layerDOM += '</div>'; objPoint.point[idx] = ({ "lat" : this.lat , "lng" : this.lng , "info": layerDOM }); }); if (withTrack) { if (mapInfoObj && mapInfoObj.length > selectIdx) { let dname = mapInfoObj[selectIdx].dealerNm; KIA.tagging.gtm.track("find_a_dealer", "find a dealer", "click a dealer", dname, { "dealer_name" : dname, "user_location" : $.trim($("#myIocation_regionCode").text()) }); } } }else{ objPoint.point[0]=({ "lat" : centerLat , "lng" : centerLng , "info" : '' }); } initialize(selectIdx, areaId); } }; $scope.dataLayerPush = function (itm) { // #56142 #54979 window.dataLayer.push({ 'event': 'find_a_dealer', 'event_category': 'find a dealer', 'event_action': 'click a dealer', 'event_label': itm.dealerNm, // eg: 'abdo kfoury' 'dealer_name': itm.dealerNm, }); }; //search $scope.search = function (pageNum) { _find_dealer_search_.search(pageNum); }; //change tab $scope.viewTab = function (tab) { _find_dealer_search_.viewTab(tab); }; //search $scope.fnGoUrl = function (url) { if(url.indexOf('http') == -1){ url = "http://" + url; } window.open(url,"_blank"); }; //$watch for map $scope.$watch(function() { if(angular.equals($scope.currentTab, "map")) { return true; } else { return false; } }, function(newvalue) { $timeout(function() { if($scope.list != undefined){ $scope.initMap($scope.list, $scope.mapWrap, 0); } }, 0); }); //phone $scope.fnGoPhone = function (phone) { if(matchMedia("screen and (max-width: 767px)").matches){location.href = "tel:" + phone;}; }; }); var clickLink = function(url, title, dealerNm ) { // find a dealer 또는 service center > dealer 이름 옆에 링크 클릭 시 window.dataLayer = window.dataLayer ||[]; window.dataLayer.push({ 'event': 'find_a_dealer', 'event_category': 'find a dealer', 'event_action': title, 'event_label': dealerNm, // eg: 'abdo kfoury' 'dealer_name': dealerNm, }); //console.log(window.dataLayer[window.dataLayer.length-1]); location.href = url; } </script> <div class="con_box location_result" ng-controller="findadealer.map" ng-show="currentTab == 'map'"> <div class="location_text"> <h5 class="result_txt"><span class="m_none">Search Result : </span><strong>{{total}}</strong> Dealers Found <span ng-show="distanceViewFlag == 'Y'"> (show dealers nearby)</span></h5> <div class="tab_type1"> <a href="#map" id="mapButton" class="tab_link tt1_on" ng-click="viewTab('map')">Map View</a> <a href="#list" id="listButton" class="tab_link" ng-click="viewTab('list')">List View</a> </div> </div> <div class="location_mapview" style="display:none;"> <h6 class="hidden">Map View</h6> <div class="mapInner"> <div class="mapArea" id="mapArea"> <div class="mapParsys parsys"><div class="google-map-list parbase section"> <!-- 2015.10.07 오지예대리님 요청으로 구글맵 스크립트 통일함. --> <script type="text/javascript" src="//maps.googleapis.com/maps/api/js?key=AIzaSyAtbOoZS_Cppi7CDt-UBduuz8SHj9TuLGk&language=en®ion=KR&libraries=geometry,places"></script> <script type="text/javascript"> var centerLat = 23.61; var centerLng = 58.539999999999964; var myLocation; var myLocationLat; var myLocationLng; if (!navigator.geolocation){ console.log("사용자의 브라우저는 지오로케이션을 지원하지 않습니다.") //("사용자의 브라우저는 지오로케이션을 지원하지 않습니다.") }else{ navigator.geolocation.getCurrentPosition(successGeo, errorGeo); } function successGeo(position) { var latitude = position.coords.latitude; var longitude = position.coords.longitude; console.log(latitude) console.log(longitude) //centerLat = latitude; //centerLng = longitude; myLocation = new google.maps.LatLng(latitude, longitude); myLocationLat = latitude; myLocationLng = longitude; /* $.each(objPoint.point, function(idx){ routeCalc(this.lat, this.lng, idx); }); */ }; function errorGeo() { console.log("사용자의 위치를 찾을 수 없습니다.") //("사용자의 위치를 찾을 수 없습니다."); }; var infoString = ""; var objPoint = { center : { lat: centerLat, lng: centerLng }, point : [ { lat:"", lng:"", info:"" } ] }; function initializeWithConfig(cfg){ if( cfg ) { initialize(cfg.infoIdx, cfg.areaId, cfg); } } function initialize(infoIdx, areaId, cfg){ cfg = cfg || {}; $("."+areaId).html(""); var map; objPoint.center.lat =objPoint.point[infoIdx].lat; objPoint.center.lng =objPoint.point[infoIdx].lng; var myCenter = new google.maps.LatLng(objPoint.center.lat, objPoint.center.lng); var mapProp = { center:myCenter ,zoom: cfg.zoom || 15 ,disableDefaultUI:true ,mapTypeId:google.maps.MapTypeId.ROADMAP /* 1. ROADMAP (normal, default 2D map) 2. SATELLITE (photographic map) 3. HYBRID (photographic map + roads and city names) 4. TERRAIN (map with mountains, rivers, etc.) */ ,mapTypeControl: true ,mapTypeControlOptions: { style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR ,position: google.maps.ControlPosition.TOP_RIGHT } }; map=new google.maps.Map(document.getElementById(areaId),mapProp); var defaultMarker; $.each(objPoint.point, function(idx){ //var image = '/content/dam/kia-korea/images/pip/img_pip_indicatorIcon_on.gif'; var marker=new google.maps.Marker({ position:new google.maps.LatLng(this.lat, this.lng) //,icon: image }); if(this.lat == objPoint.point[infoIdx].lat && this.lng== objPoint.point[infoIdx].lng ){ defaultMarker = marker; } google.maps.event.addListener(marker, 'click', function(){ infoWindow.close(); infoWindow = new google.maps.InfoWindow({ content: objPoint.point[idx].info }); infoWindow.open(map, marker); if(objPoint.location!=null) printClickEvent(); }); marker.setMap(map); }); var viewportWidth = $(window).width(); if(objPoint.point[infoIdx].info!=""){ var infoWindow = new google.maps.InfoWindow({ content: objPoint.point[infoIdx].info }); if(viewportWidth>767){ infoWindow.open(map, defaultMarker); if(objPoint.location!=null) printClickEvent(); } } /* if(myLocation){ $.each(objPoint.point, function(idx){ routeCalc(this.lat, this.lng, idx); }); } */ /* google.maps.event.addListener(map, 'click', function(event) { alert(event.latLng.lat()); alert(event.latLng.lng()); }); */ } var directionsService; function routeCalc(dLat, dLng, idx) { directionsService = null; directionsService = new google.maps.DirectionsService(); var request = { origin:myLocation ,destination:new google.maps.LatLng(dLat, dLng) ,travelMode: google.maps.TravelMode.TRANSIT /* 1. DRIVING 2. BICYCLING 3. TRANSIT 4. WALKING */ //,region: "ko" }; directionsService.route(request, function(result, status) { if (status == google.maps.DirectionsStatus.OK) { $(".distance:eq("+idx+")").html(result.routes[0].legs[0].distance.text); } }); } var geocoder; function fnGetLatLng(pageNum, args, locString, isMylocation, tab){ var getLatLng = locString; var objLatLng = {"k":"", "D":""}; if(!isMylocation){ if(getLatLng!=""){ geocoder = new google.maps.Geocoder(); geocoder.geocode( { 'address': getLatLng}, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { objLatLng = results[0].geometry.location; }else{ //("Geocode was not successful for the following reason: " + status) } if(tab == "M") angular.element("#page_M").scope().closestSelectList(pageNum, args, objLatLng, isMylocation); else angular.element("#page_L").scope().closestSelectList(pageNum, args, objLatLng, isMylocation); }); }else{ if(tab == "M") angular.element("#page_M").scope().closestSelectList(pageNum, args, objLatLng, isMylocation); else angular.element("#page_L").scope().closestSelectList(pageNum, args, objLatLng, isMylocation); } }else{ objLatLng = {"k":myLocationLat, "D":myLocationLng}; if(tab == "M") angular.element("#page_M").scope().closestSelectList(pageNum, args, objLatLng, isMylocation); else angular.element("#page_L").scope().closestSelectList(pageNum, args, objLatLng, isMylocation); } } </script></div> </div> </div> </div> <div class="center_list"> <div class="listInner"> <ul> <li ng-repeat="item in list"> <a href="javascript:;" class="dealer_a" ng-class="{center_on:currBranch == $index}" ng-click="dataLayerPush(item);initMap(list, mapWrap, $index, true);"> <div class="where"><span class="map_spr map_pin"></span></div> <dl class="info"> <dt class="ng-binding"> {{item.dealerNm}} <br> <span class="link_url" ng-click="fnGoUrl(item.url)">{{item.url}}</span> </dt> <dd ng-hide="!item.addr"><strong>A. </strong>{{item.addr}}</dd> <dd ng-hide="!item.phone" ng-click="fnGoPhone(item.phone)" class="dealer_tel"><strong>P. </strong>Phone : {{item.phone}}</dd> <dd ng-hide="!item.fax"><strong>F. </strong>Fax : {{item.fax}}</dd> </dl> </a> </li> </ul> </div> <div class="pg_num_area"> <script type="text/javascript"> kwcmsApp.factory('pagination',[function(){ var paginationObj = { pageNum : "", prePageNum : "", nextPageNum: "", totalPageNum: "", nextGroupStartPage : "", range : "", movePage:function(){}, }; return { paginationCreate : function(tCnt,pNum,row,pager,fnc){ var rowPerPage = row; /** 보여질 row 갯수 */ var pagerSize = pager; /** 하단 pagerSize */ var totalPager = parseInt((tCnt-1)/rowPerPage+1); paginationObj.movePage = fnc; /***************************** * 현재 pageNum validate ******************************/ if(!pNum) pNum = 1; if(pNum<1) pNum = 1; if(pNum>totalPager) pNum = totalPager; paginationObj.pageNum = pNum; paginationObj.totalPager = totalPager; paginationObj.prePageNum = paginationObj.pageNum-1 <1 ? "1" : paginationObj.pageNum-1; paginationObj.nextPageNum = paginationObj.pageNum+1 >totalPager ? totalPager : paginationObj.pageNum+1; /***************************** * pagination * 표시될 pager 갯수 정의 ******************************/ pagerBlock = parseInt((paginationObj.pageNum-1)/pagerSize); pagerStartNum= parseInt(pagerBlock*pagerSize)+1; pagerEndNum = pagerStartNum+(pagerSize-1); if(pagerEndNum > totalPager) pagerEndNum = totalPager; var range = []; for(var i=pagerStartNum;i<=pagerEndNum;i++) { range.push(i); } paginationObj.range = range; paginationObj.prePageNum = (Math.ceil(paginationObj.pageNum/pager)-1)*pager; paginationObj.nextPageNum = pagerStartNum+pager >totalPager ? totalPager : pagerStartNum+pager; paginationObj.nextGroupStartPage = (Math.ceil(pNum/pagerSize) * pagerSize) +1; }, paginationData: function(){ return paginationObj; } }; }]); kwcmsApp.controller('kwcmsPagingCtl',['$scope','pagination',function($scope, pagination){ $scope.paginationObj = pagination.paginationData(); /* * $scope.paginationObj.movePage 함수는 $scope.paginationObj원형 그대로 사용 * alert($scope.paginationObj); */ }]); </script> <div ng-controller="kwcmsPagingCtl"> <a href="#" onclick="return false;" class="pg_arrow pg_prev" ng-click="paginationObj.movePage(paginationObj.prePageNum)" ng-show="paginationObj.prePageNum > 1">이전페이지</a> <a href="#" onclick="return false;" class="{{pageNumList == paginationObj.pageNum ? 'pg_num pg_num_on':'pg_num'}}" title="{{pageNumList == paginationObj.pageNum ? '현재페이지':''}}" ng-repeat="pageNumList in paginationObj.range" ng-click="paginationObj.movePage(pageNumList)">{{pageNumList}}</a> <a href="#" onclick="return false;" class="pg_arrow pg_next" ng-click="paginationObj.movePage(paginationObj.nextPageNum)" ng-show="paginationObj.nextGroupStartPage <= paginationObj.totalPager">다음페이지</a> </div> </div> </div> </div> </div> </div> <!-- 2021.05.07 #52058 E --> </div> </div></div> <div class="notice-cpnt parbase section"> <div id="notice_01" class="pop_main" style="display:none;left:20px;top:90px"> <div class="inner"> <!-- 2020.03.30 style 제거 style="width:500px;height:375px;" --> <a href="" target="" class="content_wrap" style="background-image:url('/content/dam/kwcms/au/en/images/main/kia-covid-pop-up.jpg')"> <div class="v_wrap v_top"> <div class="pop_tit h_center" style="color:#FFFFFF"></div> <div class="pop_con h_left" style="color:#FFFFFF"></div> </div> <div class="pop_dis h_left" style="color:#FFFFFF"></div> </a> <a href="javascript:closePop('notice_01');" class="btn_close">팝업 닫기</a> </div> <div class="session_area"> <!--<div class="noti01"><span>Kia's commmitment on COVID 19.</span> <a href="https://www.kia.com/au/owners/coronavirus-info.html">Learn more</a></div>--> <!-- 2020.04.03 텍스트 라인 정렬 --> <input type="checkbox" id="chkSession01" onclick="javascript:closeWin('notice_01', 1);"> <label for="chkSession01"> Please do not open this pop-up for 24 hours. </label> </div> </div> <div id="notice_02" class="pop_main" style="display:none;left:20px;bottom:0"> <div class="inner"> <!-- 2020.03.30 style 제거 style="width:500px;height:375px;" --> <!-- 컨텐츠 영역: 이미지의 최대 너비가 510px이 넘지 않아야 합니다. --> <a href="" target="" class="content_wrap"> <!-- vertical:v_top / v_middle / v_bottom --> <div class="v_wrap v_middle"> <!-- horizontal : h_left / h_center / h_right --> <div class="pop_tit h_center" style="color:#000000"></div> <!-- horizontal : h_left / h_center / h_right --> <div class="pop_con h_left" style="color:#000000"></div> </div> <!-- horizontal : h_left / h_center / h_right --> <div class="pop_dis h_left" style="color:#FFFFFF"></div> </a> <!-- //컨텐츠 영역 --> <!-- 닫기버튼 --> <a href="javascript:closePop('notice_02');" class="btn_close">팝업 닫기</a> <!-- //닫기버튼 --> </div> <!-- 24시간 체크 영역 --> <div class="session_area"> <input type="checkbox" id="chkSession02" onclick="javascript:closeWin('notice_02', 1);"> <label for="chkSession02">Please do not open this pop-up for 24 hours.</label> </div> <!-- //24시간 체크 영역 --> </div> <!-- //메인페이지 popup --> <div id="notice_03" class="pop_main" style="display:none;right:20px;top:90px"> <div class="inner"> <!-- 2020.03.30 style 제거 style="width:500px;height:375px;" --> <!-- 컨텐츠 영역: 이미지의 최대 너비가 510px이 넘지 않아야 합니다. --> <a href="" target="" class="content_wrap"> <!-- vertical:v_top / v_middle / v_bottom --> <div class="v_wrap v_top"> <!-- horizontal : h_left / h_center / h_right --> <div class="pop_tit h_left" style="color:#FFFFFF"></div> <!-- horizontal : h_left / h_center / h_right --> <div class="pop_con h_left" style="color:#FFFFFF"></div> </div> <!-- horizontal : h_left / h_center / h_right --> <div class="pop_dis h_left" style="color:#FFFFFF"></div> </a> <!-- //컨텐츠 영역 --> <!-- 닫기버튼 --> <a href="javascript:closePop('notice_03');" class="btn_close">팝업 닫기</a> <!-- //닫기버튼 --> </div> <!-- 24시간 체크 영역 --> <div class="session_area"> <input type="checkbox" id="chkSession03" onclick="javascript:closeWin('notice_03', 1);"> <label for="chkSession03">Please do not open this pop-up for 24 hours.</label> </div> <!-- //24시간 체크 영역 --> </div> <!-- //메인페이지 popup --> <script> var nCookie01 = getCookie( "notice_01" ); var nObj01 = $(document).find( "#notice_01" ); var nCookie02 = getCookie( "notice_02" ); var nObj02 = $(document).find( "#notice_02" ); var nCookie03 = getCookie( "notice_03" ); var nObj03 = $(document).find( "#notice_03" ); $(function(){ var popMain = $('.pop_main'); var vWrap = popMain.find('.v_wrap'); var vWrapH = popMain.find('.v_wrap').height(); var dscmH = popMain.find('.pop_dis').height(); var mHeight = vWrapH/2 var bHeight = dscmH + 30 if(vWrap.hasClass('v_middle')){ vWrap.css('margin-top','-'+mHeight+'px') }; if(vWrap.hasClass('v_bottom')){ vWrap.css('bottom', bHeight+'px') }; }); // 창닫기 function closeWin(winName, expiredays) { setCookie( winName, "done" , expiredays); var obj = eval( winName ); obj.style.display = "none"; } // 창닫기 function closePop(winName) { var obj = eval( winName ); obj.style.display = "none"; } // 쿠키 가져오기 function getCookie( name ) { var nameOfCookie = name + "="; var x = 0; while ( x <= document.cookie.length ) { var y = (x+nameOfCookie.length); if ( document.cookie.substring( x, y ) == nameOfCookie ) { if ( (endOfCookie=document.cookie.indexOf( ";", y )) == -1 ) endOfCookie = document.cookie.length; return unescape( document.cookie.substring( y, endOfCookie ) ); } x = document.cookie.indexOf( " ", x ) + 1; if ( x == 0 ) break; } return ""; } // 24시간 기준 쿠키 설정하기 // expiredays 후의 클릭한 시간까지 쿠키 설정 function setCookie( name, value, expiredays ) { var todayDate = new Date(); todayDate.setDate( todayDate.getDate() + expiredays ); document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";" } //#45597 서버캐시로 인한 노출시간 오류 수정 start -20200326 var str_onTime_pop01 = "2020-03-25 14:30"; var str_offTime_pop01 = "2020-04-10 19:15"; var str_onTime_pop02 = "2020-03-25 14:52"; var str_offTime_pop02 = "2020-04-02 04:45"; var str_onTime_pop03 = "2020-03-25 16:13"; var str_offTime_pop03 = "2020-04-09 00:45"; var display_pop01 = "true"; var display_pop02 = "false"; var display_pop03 = "false"; //ajax로 서버시간을 실시간으로 가져옴 $.ajax({ url : "/api/kia_global/base/time.selectTime", data : {code : 'au' }, success : function(data) { var currDate = new Date(data.dataInfo); console.log("nCookie01 : " + typeof(nCookie01)); if(display_pop01 == "true" && currDate - new Date(str_onTime_pop01) > 0 && new Date(str_offTime_pop01) - currDate > 0 && nCookie01 != "done"){ $("#notice_01").show(); }else{ $("#notice_01").hide(); } if(display_pop02 == "true" && currDate - new Date(str_onTime_pop02) > 0 && new Date(str_offTime_pop02) - currDate > 0 && nCookie02 != "done"){ $("#notice_02").show(); }else{ $("#notice_02").hide(); } if(display_pop03 == "true" && currDate - new Date(str_onTime_pop03) > 0 && new Date(str_offTime_pop03) - currDate > 0 && nCookie03 != "done"){ $("#notice_03").show(); }else{ $("#notice_03").hide(); } }, error : function(data) { console.log(data); } }); //#45597 서버캐시로 인한 노출시간 설정 오류 수정 end -20200326 </script></div> </div> <script type="text/javascript"> //20190118 ì¶ê° YKJ var flagTrim =""; var flagTrimUrl =""; var flagColor =""; var flagColorUrl =""; var payment =""; $(function(){ var regionCodeList = []; var postCodeList = []; function codeListGet(){ var url = "/api/kia_australia/base/region.selectRegionCate"; $.ajax({ url : url, async : false, method : 'GET', success : function(data){ $.each(data.dataMap, function(index, value){ if(value.code){ regionCodeList.push({ "code" : value.code, "name" : value.name , "postCode" : value.postCode, "displayName" : value.displayName, "sortNo" : value.sortNo }); } }); } }); } $('.util_set_location > .set_location_form > button').on('click', function(e){ searchLocation('M', "syl_postCode_M"); }); $('#syl_postCode_button').on('click', function(e){ searchLocation('P', "syl_postCode"); }); /* $('#syl_postCode').keyup(function(e){ if(e.keyCode == 13) searchLocation('P'); }); */ function textCheck(text){ var reg = /^[0-9]*$/; return reg.test(text); } function searchLocation(device, input_id){ var postCodeVal = $("#" + input_id).val(); if(postCodeVal == ""){ alert("Postcode is required."); return false; }else if(!textCheck(postCodeVal)){ alert("Please enter numeric only."); return false; }else if(postCodeVal.length < 4){ alert("Postcode must be between 4 characters."); return false; }else{ $('#syl_error').hide(); codeListGet(); postCodeList.regionCode = ""; postCodeList.postCode = (device == 'P') ? $("#syl_postCode").val() : $('.util_set_location > .set_location_form > input').val(); var postCode = "," + postCodeList.postCode + ","; $.each(regionCodeList, function(index, val){ var loction_postCode = "," + val.postCode.replace(/ /g, "") + ","; if(loction_postCode.indexOf(postCode) >= 0){ postCodeList.regionCode = val.code; return false; }else{ var tempCode = postCode.substr(0,2) + "*,"; if(loction_postCode.indexOf(tempCode) >= 0){ postCodeList.regionCode = val.code; } } }); if(postCodeList.regionCode == "" || postCodeList.postCode =="0000"){ $('#syl_postCode_val').val(""); $('#syl_error').css("display","inline-block"); if(device == 'M') $('.util_area > .util_set_location > .error').css("display","inline-block"); }else{ setCookie("regionCode", postCodeList.regionCode, 1); setCookie("postCode", postCodeList.postCode, 1); if($('#syl_redirectUrl_val').val() != ""){ window.open( $('#syl_redirectUrl_val').val(), "_blank"); $('#syl_redirectUrl_val').val(""); } if(flagTrim==1){ location.href = flagTrimUrl; }else if(flagColor==1){ location.href = flagColorUrl; }else { location.reload(); } } } } function setCookie(cName, cValue, cDay){ var expire = new Date(); expire.setDate(expire.getDate() + cDay); cookies = cName + '=' + escape(cValue) + '; path=/ '; if(typeof cDay != 'undefined') cookies += ';expires=' + expire.toGMTString() + ';'; document.cookie = cookies; } $('.syl_postCode_close').on('click', function(e){ $('#syl_postCode_val').val(""); }); /*20190118 ì¶ê° YKJ $("a.closeBtn").on("click",function(e){ e.stopPropagation(); e.preventDefault(); if(flagTrim==1){ location.href = flagTrimUrl; } if(flagColor==1){ location.href = flagColorUrl; } });*/ var dimSylPop = new OpenDimPop($("#setSylPopup"), $("#setSylPopup"), 0); $(".sylPopupOpen").on("click", function (e) { $(".dth1_l").removeClass("dth_on"); $(".gnb_area").removeClass("open"); $(".gnb_dimmed").hide(); $("#header").css("position", ""); $('#syl_redirectUrl_val').val(""); dimSylPop.open(); }); //2019.02.28 finance calculator íì´ì§ postcode ììì ë¡ë© ì¤ postCode ì ë ¥íì ë ¸ì¶ YKJ }); </script> <div id="setSylPopup" class="set_location popup" style="max-width:386px;"> <div class="pop_tit">Set Your Location</div> <!-- 2022.09.28 #57961 híê·¸ì ê±° --> <div class="set_location_popup"> <p>Enter your postcode to <br/>view appropriate pricing for your area.</p> <input id="syl_postCode" name="syl_postCode" class="sch_inp" type="text" title="set your location" maxlength="4" /> <input id="syl_postCode_val" name="syl_postCode_val" type="hidden"/> <input id="syl_redirectUrl_val" name="syl_redirectUrl_val" type="hidden"/> <span class="syl_error" id="syl_error">Invalid Postcode.</span> <button id="syl_postCode_button" type="button" class="btn2_medium btn2_ar bgc_red1 ico_arrow_r" title="SET YOUR POSTCODE" ><span>Set Your Postcode</span></button> <!-- 2021.04.12 #51865 --> </div> <a href="#" class="closeBtn btnType5"><span id="syl_postCode_close" class="cmm_spr spr_close">close</span></a> </div> <div class="dimmed"></div> </div> </div> <div id="footer"> <div class="f_navi"> <div class="inner"> <!-- new wsg S #50692 --> <div class="foot_content"> <div class="foot_left"> <!-- 2024.02.23 #64815 í¸í° ë¡ê³ ì´ë --> <div class="foot_logo"> <span class="logo"><img src="/content/dam/kwcms/gt/en/images/main/new/new-kia-logo-white.png" alt="logo"></span> <!-- 2021.01.14 ë¡ê³ ì´ë¯¸ì§ ë³ê²½ --> </div> <!--// 2024.02.23 #64815 í¸í° ë¡ê³ ì´ë --> <!-- 2024.02.23 #64815 í¸í° ê°ì ë©ë´ ìì ìì <ul class="fot_menu"><!-- ëë©ë´ ê°ì ¸ì¤ê¸° #50692 --> <!-- <li> <a href="/content/kwcms/au/en/shopping-tools.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu"><span>Shopping Tools</span></a> </li> <!-- <li> <a href="/content/kwcms/au/en/electric-cars.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu"><span>Electric Cars</span></a> </li> <!-- <li> <a href="/content/kwcms/au/en/recall-information.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu"><span>Safety Recalls</span></a> </li> <!-- <li> <a href="/content/kwcms/au/en/owners.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu"><span>Owners</span></a> </li> <!-- <li> <a href="/content/kwcms/au/en/discover-kia.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu"><span>Discover Kia</span></a> </li> <!-- </ul> 2024.02.23 #64815 í¸í° ê°ì ë©ë´ ìì ìì --> <div class="info_country"> <a href="/au/util/kia-global.html" target="_brank">Kia in <span>Australia</span></a> </div> <div class="info_sns"> <div class="link-f-8-0 link parbase"> <a href="https://www.facebook.com/KiaAustralia" class="sns_spr spr_facebook" onclick="dtmDataLayer.external_link='sns|facebook'; _satellite.track('external_link');" target="_blank" title="Facebook">Facebook</a> </div> <div class="link-f-8-1 link parbase"> <a href="https://twitter.com/kiaaustralia" class="sns_spr spr_twitter" onclick="dtmDataLayer.external_link='sns|twitter'; _satellite.track('external_link');" target="_blank" title="Twitter">Twitter</a> </div> <div class="link-f-8-2 link parbase"> <a href="https://www.youtube.com/user/KiaAustralia" class="sns_spr spr_youtube" onclick="dtmDataLayer.external_link='sns|youtube'; _satellite.track('external_link');" target="_blank" title="Youtube">Youtube</a> </div> <div class="link-f-8-3 link parbase"> <a href="https://www.instagram.com/kiaaustralia/" class="sns_spr spr_instagram" onclick="dtmDataLayer.external_link='sns|instagram'; _satellite.track('external_link');" target="_blank" title="Instagram">Instagram</a> </div> </div> </div> <div class="foot_right"> <div class="item1"> <div class="mo_title">Cars</div> <!-- new wsg --> <ul class="mo_con"> <!-- new wsg --> <li><a href="/au/cars/picanto.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Picanto</a></li> <li><a href="/au/cars/cerato.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Cerato</a></li> <li><a href="/au/cars/stonic.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Stonic</a></li> <li><a href="/au/cars/seltos.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Seltos</a></li> <li><a href="/au/cars/sportage.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Sportage</a></li> <li><a href="/au/cars/sportage-hybrid.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Sportage Hybrid</a></li> <li><a href="/au/cars/sorento.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Sorento</a></li> <li><a href="/au/cars/carnival.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Carnival</a></li> <li><a href="/au/cars/niro-hybrid.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Niro Hybrid</a></li> <li><a href="/au/cars/niro-pure-electric.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Niro EV</a></li> <li><a href="/au/cars/ev5.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">All-new EV5</a></li> <li><a href="/au/cars/ev6.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">EV6</a></li> <li><a href="/au/cars/ev6-gt.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">EV6 GT</a></li> <li><a href="/au/cars/ev9.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">EV9</a></li> <li><a href="/au/cars/tasman.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Tasman</a></li> </ul> </div> <div class="item2"> <div class="mo_title">Shopping Tools</div> <!-- new wsg --> <ul class="mo_con"> <!-- new wsg --> <li><a href="/au/shopping-tools/build-and-price.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Build & Price</a></li> <li><a href="/au/shopping-tools/request-a-test-drive.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Request a Test Drive</a></li> <li><a href="/au/shopping-tools/find-a-dealer.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Find a Dealer</a></li> <li><a href="/au/shopping-tools/request-a-brochure.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">View Brochures</a></li> <li><a href="/au/shopping-tools/offers.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Offers</a></li> <li><a href="/au/shopping-tools/finance-calculator.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Finance Calculator</a></li> <li><a href="/au/shopping-tools/kia-car-care.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia Car Care</a></li> <li><a href="/au/shopping-tools/fleet-edge.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia Fleet Edge</a></li> <li><a href="/au/shopping-tools/kia-finance.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia Finance</a></li> <li><a href="/au/shopping-tools/kia-insurance.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia Premier Motor Insurance</a></li> <li><a href="/au/shopping-tools/kia-renew-guaranteed-future-value.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia Renew</a></li> <li><a href="/au/shopping-tools/genuine-accessories.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia Genuine Accessories</a></li> </ul> </div> <div class="item3"> <div class="mo_title">Electric Cars</div> <!-- new wsg --> <ul class="mo_con"> <!-- new wsg --> <li><a href="/au/electric-cars/ev.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Electric Cars</a></li> <li><a href="/au/electric-cars/hybrid-cars.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Hybrid Cars</a></li> <li><a href="/au/electric-cars/ev-service-plans.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">EV Service Plans</a></li> <li><a href="/au/electric-cars/ev-day.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">EV Day</a></li> </ul> </div> <div class="item5"> <div class="mo_title">Owners</div> <!-- new wsg --> <ul class="mo_con"> <!-- new wsg --> <li><a href="/au/owners/overview.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia Service</a></li> <li><a href="/au/owners/warranty.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia Warranty</a></li> <li><a href="/au/owners/capped-price-service.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia Capped Price Servicing</a></li> <li><a href="/au/owners/roadside-assist.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia Roadside Assistance</a></li> <li><a href="/au/owners/genuine-parts.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia Genuine Parts</a></li> <li><a href="/au/owners/change-of-ownership.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Change of Ownership</a></li> <li><a href="/au/owners/recall-information.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Recall Information</a></li> <li><a href="/au/owners/service-and-warranty-manual.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia Service and Warranty Manuals</a></li> <li><a href="/au/owners/manual.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Owners Manuals</a></li> <li><a href="/au/owners/kia-connect.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia Connect</a></li> <li><a href="/au/owners/independent.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Independent Repairers Access</a></li> <li><a href="/au/owners/ccs-redirect.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia Connect Privacy Notice</a></li> </ul> </div> <div class="item6"> <div class="mo_title">Discover Kia</div> <!-- new wsg --> <ul class="mo_con"> <!-- new wsg --> <li><a href="/au/discover-kia/this-is-kia.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">This is Kia</a></li> <li><a href="/au/discover-kia/our-movement.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Our Movement</a></li> <li><a href="/au/discover-kia/pbv.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">PBV</a></li> <li><a href="/au/discover-kia/sponsorship.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Partnerships</a></li> <li><a href="/au/discover-kia/company-statements.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Company Statements</a></li> <li><a href="/au/discover-kia/sustainability.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Sustainability</a></li> <li><a href="/au/discover-kia/ao2024.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">AO 2024</a></li> </ul> </div> </div> </div> <div class="foot_copy_area"> <div class="foot_breadcrumbs"> <ol vocab="http://schema.org/" typeof="BreadcrumbList"> <li property="itemListElement" typeof="ListItem" style="display:inline"> <a href="/au/main.html" property="item" typeof="WebPage"><span property="name">Home</span></a><span class="gt">></span> <!-- 2024.06.03 #65980 --> <meta property="position" content= 1> </li> <li property="itemListElement" typeof="ListItem" style="display:inline"> <a href="/au/shopping-tools.html" property="item" typeof="WebPage"><span class="depth" property="name">shopping tools</span></a><span class="gt">></span> <!-- 2024.06.03 #65980 --> <!-- 2024.07.18 #65980 <a> íê·¸ ì¶ê° --> <meta property="position" content= 2> </li> <li property="itemListElement" typeof="ListItem" style="display:inline"> <strong class="depth current" property="name">Find a Dealer</strong> <meta property="position" content= 3> </li> </ol> </div> <div class="copyright"> <span class="tel_call"> <!-- #50692 call text ì§ì ì ë ¥--> </span> <address class="cpr"> <span class="br"> Copyright© 2024 Kia Australia Pty Ltd. All Rights Reserved. </span><!-- #50692 copyright ì§ì ì ë ¥--> </address> </div> </div> </div> </div> <!-- new wsg e #50692 --> <!-- #47653 ìëê°ì --> <script type="text/javascript" src="/etc/designs/kia-australia/clientlib/js/jquery.form.stylishSelect.min.js"></script> <script type="text/javascript" src="/etc/designs/kia-australia/clientlib/js/picturefill.js"></script> <script type="text/javascript"> $(document).ready(function(){ //stylish selectbox init if ($(".form_select").length > 0) { $(".form_select").sSelect(); } }); </script> <script> conversionTag = "https://ad.doubleclick.net/ddm/adj/N74102.197812NSO.CODESRV/B10267917.137354290;sz=1x2;ord=" var randomNumber = Math.floor((Math.random() * 1000000000000) + 1); var scriptTag = document.createElement("script"); scriptTag.src = conversionTag + randomNumber + "?"; scriptTag.language = "JavaScript1.1"; var insertionNode = document.body.firstChild; insertionNode.parentNode.insertBefore(scriptTag, insertionNode); </script> <!-- ì¤í¬ë¦½í¸ ì¶ê°ìì² #53152 2021.07.09 --> <script> window.adgile = window.adgile || []; adgile.push(['viewid', 'AG-01-htmjpqq5']); </script> <script async src="////atag.adgile.media/tag.js"></script> </div> <div class="gnb_dimmed" style="position: absolute;"></div> <div class="cloudservices servicecomponents"> </div> </div> <script type="text/javascript"> $(document).ready(function(){ //SNS_Share 20171211 YKJ START $(window).resize(function() { shsbtnShow() }); var shsbtnShow = function() { if ($(window).scrollTop() > $("#header").outerHeight(true)) { $(".btn_box.picanto_16my").css({ display: "block" }) } else { $(".btn_box.picanto_16my").css({ display: "none" }) } }; $(window).scroll(function(){ shsbtnShow(); }).scroll(); $('.btn_box.picanto_16my .topBtn').on('click',function(){ $('html, body').animate({scrollTop : 0}, 400); return false; }); }); </script> <!-- #50451 trackingCode--> <script type="text/javascript"> (function(w, d, a){ w.__beusablerumclient__ = { load : function(src){ var b = d.createElement("script"); b.src = src; b.async=true; b.type = "text/javascript"; d.getElementsByTagName("head")[0].appendChild(b); } };w.__beusablerumclient__.load(a); })(window, document, "//rum.beusable.net/script/b200910e115330u580/8782f31a46"); </script> <!-- 2021.02.09 #51392 popup --> <div class="video_pop_wrap"> <div id="v_open" class="layPop_wrap"> <div class="pop_inner"> <div class="y_wrap" data-src="https://www.youtube.com/embed/U6QPNZ7qpbA"> <iframe id="v_player" src="" frameborder="0" width="100%" height="100%" allowfullscreen></iframe> </div> <!-- 2020.05.06 추가 S --> <div class="d_sector"> <div class="tit"><span>The whole new levels of peace of mind</span></div> <div class="dis"> <span> At speeds of 20 km/h or higher, BCW alerts you if a vehicle enters your blind spot, even when you are in the process of changing lanes. LED warnings flash on the door mirror and an audio warning is emitted when you signal to make a lane change. </span> </div> </div> <!-- 2020.05.06 추가 S --> <div class="close_bt"> <a href="#" onclick="$('#v_open').find('.y_wrap').find('iframe').attr('src', '');$('#v_open').hide();return false;"><span class="hidden">close</span></a> </div> </div> <div class="kv_dimmed"></div> </div> </div> <!--// 2021.02.09 #51392 popup --> </body> <script src="/etc/designs/kia-australia/clientlib-common.min.js"></script> </html>