Code - itnAdmin/kopost

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %><section class="sub"> <div class="s_visual s_visual_img05"> <div class="textbar"> <h2 class="s_tit">오시는 길</h2> <div class="sub_navi"> <ul> <li class="home"><img alt="home" src="/img/s_navi_home.png" />&ensp;></li> <li>기관소개 ></li> <li><span>오시는 길</span></li> </ul> </div> </div> </div>  <div id="container"> <div class="tab_box1920"> <ul class="tab tab_wid7"> <li><a class="current" data-tab="tab1" href="#" title="선택됨">본사</a></li> <li><a data-tab="tab3" href="#">서울지사</a></li> <li><a data-tab="tab4" href="#">경인지사</a></li> <li><a data-tab="tab5" href="#">부산지사</a></li> <li><a data-tab="tab6" href="#">대전지사</a></li> <li><a data-tab="tab7" href="#">광주지사</a></li> <li><a data-tab="tab8" href="#">대구지사</a></li> </ul> </div> <div class="tab_box600"> <ul class="tab2_600 tab_wid4"> <li><a class="current" data-tab="tab1" href="#" title="선택됨">본사</a></li> <li><a data-tab="tab3" href="#">서울지사</a></li> <li><a data-tab="tab4" href="#">경인지사</a></li> <li><a data-tab="tab5" href="#">부산지사</a></li> <li><a data-tab="tab6" href="#">대전지사</a></li> <li><a data-tab="tab7" href="#">광주지사</a></li> <li><a data-tab="tab8" href="#">대구지사</a></li> </ul> </div> <div class="tabcontent current" id="tab1"> <div class="map-container" id="map1">  </div> <div class="con_list01"> <h3>지하철 이용안내</h3> </div> <dl class="normal_dl maBottom30"> <dt>지하철 2호선 구의역(광진구청)하차</dt> <dd>3번출구 이용시 출구방향 뒷편으로 30m 동서울우편 집중국 후문 위치</dd> <dd>4번출구 이용시 잠실대교 방향 도보 10분</dd> </dl> <div class="con_list01"> <h3>버스노선안내</h3> </div> <dl class="normal_dl"> <dd>서울역 : 2221 (자양동-신설동)</dd> <dd>청량리역 : 302,303(성남-동대문),3215(장지동-청량리), 3216(오금동-청량리)</dd> <dd>잠실역 : 2311(면목동-잠실역), 9403(분당-을지로5가)</dd> </dl> <table class="tbl01"> <caption>부서 대표전화 팩스 주소 우편번호를 나타내는 표</caption> <thead> <tr> <th scope="col" width="20%">부서</th> <th scope="col" width="15%">대표전화</th> <th scope="col" width="15%">팩스</th> <th scope="col" width="29%">주소</th> <th scope="col" width="10%">우편번호</th> </tr> </thead> <tbody> <tr> <td scope="row">감사팀</td> <td>070-7202-1112</td> <td>02-458-2747</td> <td>서울 광진구 자양로 76</td> <td>05050</td> </tr> <tr class="head"> <td colspan="5" scope="row"><strong>경영지원실</strong></td> </tr> <tr> <td scope="row">운영지원팀</td> <td>070-7202-1122</td> <td rowspan="4">02-458-2747</td> <td rowspan="4">서울 광진구 자양로 76</td> <td rowspan="4">05050</td> </tr> <tr> <td scope="row">전략기획팀</td> <td>070-7202-1102</td> </tr> <tr> <td scope="row">안전노무팀</td> <td>070-7202-1242</td> </tr> <tr> <td scope="row">재무회계팀</td> <td>070-7202-1442</td> </tr> <tr class="head"> <td colspan="5" scope="row"><strong>운송사업실</strong></td> </tr> <tr> <td scope="row">운송기획팀</td> <td>070-7202-1012</td> <td rowspan="3">02-458-2746</td> <td rowspan="3">서울 광진구 자양로 76</td> <td rowspan="3">05050</td> </tr> <tr> <td scope="row">운송운영팀</td> <td>070-7202-1032</td> </tr> <tr> <td scope="row">국제물류팀</td> <td>070-7202-1432</td> </tr> <tr> <td scope="row">인천국제사업소</td> <td>070-7202-1437</td> <td>032-744-5959</td> <td>인천 중구 운서동 2842-16</td> <td>22381</td> </tr> <tr class="head"> <td colspan="5" scope="row"><strong>택배사업실</strong></td> </tr> <tr> <td scope="row">택배기획팀</td> <td>070-4712-7832</td> <td rowspan="3">02-444-7234</td> <td rowspan="3">서울 광진구 자양로 76</td> <td rowspan="3">05050</td> </tr> <tr> <td scope="row">택배운영팀</td> <td>070-4712-7842</td> </tr> <tr> <td scope="row">물류센터운영팀</td> <td>070-4712-1042</td> </tr> </tbody> </table> </div> <div class="tabcontent" id="tab3"> <div class="map-container" id="map2">  </div> <div class="con_list01"> <h3>지하철 이용안내</h3> </div> <dl class="normal_dl maBottom30"> <dt>지하철 2호선 구의역(광진구청)하차</dt> <dd>3번출구 이용시 출구방향 뒷편으로 30m 동서울우편 집중국 후문 위치</dd> <dd>4번출구 이용시 잠실대교 방향 도보 10분</dd> </dl> <div class="con_list01">버스노선안내</div> <dl class="normal_dl"> <dd>서울역 : 2221 (자양동-신설동)</dd> <dd>청량리역 : 302,303(성남-동대문),3215(장지동-청량리), 3216(오금동-청량리)</dd> <dd>잠실역 : 2311(면목동-잠실역), 9403(분당-을지로5가)</dd> </dl> <table class="tbl01"> <caption>부서 대표전화 팩스 주소 우편번호를 나타내는 표</caption> <thead> <tr> <th scope="col" width="16%">부서</th> <th scope="col" width="15%">대표전화</th> <th scope="col" width="13%">팩스</th> <th scope="col" width="26%">주소</th> <th scope="col" width="10%">우편번호</th> </tr> </thead> <tbody> <tr> <td scope="row">서울지사</td> <td>070-7202-1202</td> <td>02-458-2748</td> <td>서울 광진구 자양로 76</td> <td>05050</td> </tr> <tr> <td scope="row">‧ 동서울사업소</td> <td>070-7202-1818</td> <td>02-446-8256</td> <td>서울 광진구 자양로 76</td> <td>05050</td> </tr> <tr> <td scope="row">‧ 의정부사업소</td> <td>070-7202-1277</td> <td>031-852-5994</td> <td>경기도 의정부 산단로98번길 65</td> <td>11787</td> </tr> <tr> <td scope="row">‧ 성남사업소</td> <td>070-7202-1287</td> <td>031-719-5884</td> <td>경기도 성남시 분당구 성남대로 57</td> <td>13636</td> </tr> <tr> <td scope="row">‧ 원주사업소</td> <td>070-7202-1222</td> <td>033-732-7273</td> <td>강원 원주시 이화1길 27</td> <td>26475</td> </tr> <tr> <td scope="row">‧ 강릉사업소</td> <td>070-7202-1227</td> <td>033-643-8864</td> <td>강원 강릉시 하슬라로 114</td> <td>25517</td> </tr> <tr> <td scope="row">‧ 서서울물류사업소</td> <td>070-7202-1232</td> <td>02-2061-9449</td> <td>서울 양천구 목동서로 117</td> <td>07988</td> </tr> <tr> <td scope="row">‧ 동서울물류사업소</td> <td>070-7202-1238</td> <td>02-456-8708</td> <td>서울광진구 강변역로 2</td> <td>05048</td> </tr> </tbody> </table> </div> <div class="tabcontent" id="tab4"> <div class="map-container" id="map3">  </div> <div class="con_list01"> <h3>대중교통 이용안내</h3> </div> <dl class="normal_dl maBottom30"> <dd>1호선 명학역 1번출구 나와서 10-1, 10-2 마을버스 승차, 3정거장 후 전파연구소 또는 안양우편물류센터 하차</dd> <dd>4호선 범계역 7번출구 나와서 범계사거리 횡단 후, 참맛골 앞 횡단보도까지 직진 10분, 안양우편물류센터</dd> </dl> <table class="tbl01"> <caption>부서 대표전화 팩스 주소 우편번호를 나타내는 표</caption> <thead> <tr> <th scope="col" width="14%">부서</th> <th scope="col" width="14%">대표전화</th> <th scope="col" width="13%">팩스</th> <th scope="col" width="30%">주소</th> <th scope="col" width="9%">우편번호</th> </tr> </thead> <tbody> <tr> <td scope="row">경인지사</td> <td>070-7202-1252</td> <td>031-456-7202</td> <td>경기 안양시 동안구 시민대로 121</td> <td>14041</td> </tr> <tr> <td scope="row">‧ 부천사업소</td> <td>070-7202-1262</td> <td>032-673-5994</td> <td>경기 부천시 오정구 오정로211번길 40</td> <td>14442</td> </tr> <tr> <td scope="row">‧ 고양사업소</td> <td>070-7202-1266</td> <td>031-902-4052</td> <td>경기 고양시 일산동구 호수로 366</td> <td>10449</td> </tr> <tr> <td scope="row">‧ 안양사업소</td> <td>070-7202-1272</td> <td>031-381-3137</td> <td>경기 안양시 동안구 평촌대로 212</td> <td>14067</td> </tr> <tr> <td scope="row">‧ 수원사업소</td> <td>070-7202-1282</td> <td>031-202-6930</td> <td>경기 수원시 영통구 청명남로 57</td> <td>16704</td> </tr> <tr> <td scope="row">‧ 안양물류사업소</td> <td>070-7202-1208</td> <td>031-452-8863</td> <td>경기 안양시 동안구 시민대로 121</td> <td>14041</td> </tr> <tr> <td scope="row">‧ 부평물류사업소</td> <td>070-7202-1297</td> <td>032-506-4355</td> <td>인천 부평구 길주로 415</td> <td>21313</td> </tr> </tbody> </table> </div> <div class="tabcontent" id="tab5"> <div class="map-container" id="map4">  </div> <div class="con_list01"> <h3>지하철 이용안내</h3> </div> <dl class="normal_dl maBottom30"> <dd>지하철 3호선 대저역 하차 - 2번출구 이용시 도보 12분(총거리 736m)</dd> </dl> <div class="con_list01"> <h3>버스노선안내</h3> </div> <dl class="normal_dl maBottom30"> <dd>123(김해구산동-서구청)</dd> <dd>127(김해구산동-덕천R)</dd> <dd>128-1(김해구산동-덕천R)</dd> <dd>130(김해구산동-부산대)</dd> <dd>1004(구산동-부산역)</dd> </dl> <table class="tbl01"> <caption>부서 대표전화 팩스 주소 우편번호를 나타내는 표</caption> <thead> <tr> <th scope="col" width="14%">부서</th> <th scope="col" width="14%">대표전화</th> <th scope="col" width="14%">팩스</th> <th scope="col" width="28%">주소</th> <th scope="col" width="10%">우편번호</th> </tr> </thead> <tbody> <tr class="head"> <td scope="row">부산지사</td> <td>070-7202-1302</td> <td>051-941-9304</td> <td>부산 강서구 대저로49번길 22</td> <td>46700</td> </tr> <tr> <td scope="row">ㆍ부산사업소</td> <td>070-7202-1312</td> <td>051-941-9304</td> <td>부산 강서구 대저로49번길 22</td> <td>46700</td> </tr> <tr> <td scope="row">ㆍ울산사업소</td> <td>070-7202-1317</td> <td>052-271-6887</td> <td>울산광역시 북구 진장유통로 34</td> <td>44248</td> </tr> <tr> <td scope="row">ㆍ창원사업소</td> <td>070-7202-1322</td> <td>055-264-1336</td> <td>경상남도 창원시 성산구 적현로 311</td> <td>51708</td> </tr> <tr class="foot"> <td scope="row">ㆍ진주사업소</td> <td>070-7202-1327</td> <td>055-763-3139</td> <td>경상남도 진주시 금산면 중천로 25</td> <td>52628</td> </tr> </tbody> </table> </div> <div class="tabcontent" id="tab6"> <div class="map-container" id="map5">  </div> <div class="con_list01"> <h3>버스노선안내</h3> </div> <dl class="normal_dl maBottom30"> <dd>계룡역 : 202(계룡역)-> 왕대고개 정류장 하차</dd> <dd>서대전역 : 202(서대전역네거리)-> 왕대고개 정류장 하차</dd> <dd>대전역 : 202(대전역)-> 왕대고기 정류장 하차</dd> </dl> <table class="tbl01"> <caption>부서 대표전화 팩스 주소 우편번호를 나타내는 표</caption> <thead> <tr> <th scope="col" width="14%">부서</th> <th scope="col" width="15%">대표전화</th> <th scope="col" width="13%">팩스</th> <th scope="col" width="28%">주소</th> <th scope="col" width="10%">우편번호</th> </tr> </thead> <tbody> <tr class="head"> <td scope="row">대전지사</td> <td>070-7202-1352</td> <td>042-545-6249</td> <td>충청남도 계룡시 두마면 사계로 184</td> <td>32840</td> </tr> <tr> <td scope="row">ㆍ대전사업소</td> <td>070-7202-1362</td> <td>042-545-6249</td> <td>충청남도 계룡시 두마면 사계로 184</td> <td>32840</td> </tr> <tr> <td scope="row">ㆍ대전물류사업소</td> <td>070-7202-1384</td> <td>042-551-6250</td> <td>충청남도 계룡시 두마면 사계로 184</td> <td>32840</td> </tr> <tr> <td scope="row">ㆍ청주사업소</td> <td>070-7202-1367</td> <td>043-285-5360</td> <td>충북 청주시 서원구 수곡로 106</td> <td>28684</td> </tr> <tr> <td scope="row">ㆍ천안사업소</td> <td>070-7202-1372</td> <td>041-552-1916</td> <td>충청 천안시 서북구 백석3로 105</td> <td>31158</td> </tr> <tr class="foot"> <td scope="row">ㆍ대전주유사업소</td> <td>070-7202-1377</td> <td>042-841-4433</td> <td>충청남도 계룡시 두마면 왕대로 102</td> <td>32839</td> </tr> </tbody> </table> </div> <div class="tabcontent" id="tab7"> <div class="map-container" id="map6">  </div> <div class="con_list01"> <h3>버스노선안내</h3> </div> <dl class="normal_dl maBottom30"> <dt>일반버스</dt> <dd>첨단 20번, 첨단 92번, 첨단 94번, 금호 46번, 임곡 91번 : 폭스존 하차</dd> <dd>첨단 30번 : 롯데마트 앞 하차</dd> <dt>마을버스</dt> <dd>마을버스 700번 : 롯데마트 앞 하차 (승강장번호 5451)</dd> </dl> <table class="tbl01"> <caption>부서 대표전화 팩스 주소 우편번호를 나타내는 표</caption> <thead> <tr> <th scope="col" width="14%">부서</th> <th scope="col" width="14%">대표전화</th> <th scope="col" width="14%">팩스</th> <th scope="col" width="28%">주소</th> <th scope="col" width="10%">우편번호</th> </tr> </thead> <tbody> <tr class="head"> <td scope="row">광주지사</td> <td>070-7202-1402</td> <td>062-973-7402</td> <td>광주광역시 광산구 앰코로 11</td> <td>62278</td> </tr> <tr> <td scope="row">ㆍ광주사업소</td> <td>070-7202-1412</td> <td>062-973-7402</td> <td>광주광역시 광산구 앰코로 11</td> <td>62278</td> </tr> <tr> <td scope="row">ㆍ전주사업소</td> <td>070-7202-1417</td> <td>063-261-7007</td> <td>전라북도 완주군 봉동읍 둔산3로 102</td> <td>55316</td> </tr> <tr> <td scope="row">ㆍ순천사업소</td> <td>070-7202-1422</td> <td>061-724-7674</td> <td>전남 순천시 하대석길 9</td> <td>57987</td> </tr> <tr class="foot"> <td scope="row">ㆍ영암사업소</td> <td>070-7202-1427</td> <td>061-462-7834</td> <td>전남 영암군 삼호읍 대불주거1로 124</td> <td>58457</td> </tr> </tbody> </table> </div> <div class="tabcontent" id="tab8"> <div class="map-container" id="map7">  </div> <div class="con_list01"> <h3>버스노선안내</h3> </div> <dl class="normal_dl maBottom30"> <dt>대구우편집중국 도착 버스</dt> <dd>303, 323, 305, 937, 503, 323-1, 300, 303-1, 653</dd> <dt>동대구역, 동대구고속버스터미널</dt> <dd>303-1, 937, 323-1</dd> <dt>대구역</dt> <dd>653, 303, 503</dd> <dt>서대구고속버스터미널</dt> <dd>323</dd> </dl> <table class="tbl01"> <caption>부서 대표전화 팩스 주소 우편번호를 나타내는 표</caption> <thead> <tr> <th scope="col" width="14%">부서</th> <th scope="col" width="14%">대표전화</th> <th scope="col" width="14%">팩스</th> <th scope="col" width="29%">주소</th> <th scope="col" width="10%">우편번호</th> </tr> </thead> <tbody> <tr class="head"> <td scope="row">대구지사</td> <td>070-7202-1454</td> <td>053-383-0363</td> <td>대구광역시 북구 유통단지로 115</td> <td>41504</td> </tr> <tr> <td scope="row">ㆍ대구사업소</td> <td>070-7202-1462</td> <td>053-383-0363</td> <td>대구광역시 북구 유통단지로 115</td> <td>41504</td> </tr> <tr> <td scope="row">ㆍ안동사업소</td> <td>070-7202-1467</td> <td>054-857-0886</td> <td>경상북도 안동시 축제장길 262</td> <td>36709</td> </tr> <tr class="foot"> <td scope="row">ㆍ포항사업소</td> <td>070-7202-1472</td> <td>054-261-6142</td> <td>경북 포항시 북구 흥해읍 새마을로 379</td> <td>37653</td> </tr> </tbody> </table> </div> <script> $( document ).ready(function() { drawMap('map1', 37.535443, 127.085955, '<div style="padding:5px;"><strong>동서울우편집중국</strong><br>서울특별시 광진구<br> 자양동 자양로 76<br><a href="https://map.kakao.com/link/map/동서울우편집중국,37.535443,127.085955" style="color:blue" target="_blank" title="본사 큰지도보기 새창열림">큰지도보기</a></div>'); }); $(function() { $('ul.tab a, ul.tab2_600 a').click(function() { var activeTab = $(this).attr('data-tab'); $('.current').removeAttr('title'); $('ul.tab a, ul.tab2_600 a').removeClass('current'); $('.tabcontent').removeClass('current'); $(this).addClass('current'); $(this).attr('title', '선택됨'); $('#' + activeTab).addClass('current'); $(".map-container").children().remove(); if($(this).attr('data-tab') == 'tab1'){ drawMap('map1', 37.535443, 127.085955, '<div style="padding:5px;"><strong>동서울우편집중국</strong><br>서울특별시 광진구<br> 자양동 자양로 76<br><a href="https://map.kakao.com/link/map/동서울우편집중국,37.535443,127.085955" style="color:blue" target="_blank" title="본사 큰지도보기 새창열림">큰지도보기</a></div>'); }else if($(this).attr('data-tab') == 'tab3'){ drawMap('map2', 37.535443, 127.085955, '<div style="padding:5px;"><strong>동서울우편집중국</strong><br>서울특별시 광진구<br> 자양동 자양로 76<br><a href="https://map.kakao.com/link/map/동서울우편집중국,37.535443,127.085955" style="color:blue" target="_blank" title="서울지사 큰지도보기 새창열림">큰지도보기</a></div>'); }else if($(this).attr('data-tab') == 'tab4'){ drawMap('map3', 37.388520, 126.945824, '<div style="padding:5px;"><strong>안양우편물류센터</strong><br>경기도 안양시 동안구<br> 호계2동 시민대로121<br><a href="https://map.kakao.com/link/map/안양우편물류센터,37.388520, 126.945824" style="color:blue" target="_blank" title="경인지사 큰지도보기 새창열림 ">큰지도보기</a></div>'); }else if($(this).attr('data-tab') == 'tab5'){ drawMap('map4', 35.217299, 128.958739, '<div style="padding:5px;"><strong>부산우편집중국</strong><br>부산광역시<br> 강서구 대저1동 1549<br><a href="https://map.kakao.com/link/map/부산우편집중국,35.217299, 128.958739" style="color:blue" target="_blank" title="부산지사 큰지도보기 새창열림">큰지도보기</a> </div>'); }else if($(this).attr('data-tab') == 'tab6'){ drawMap('map5', 36.261043, 127.274731, '<div style="padding:5px;"><strong>대전우편집중국</strong><br>충청남도 계릉시<br>두마면 사계로 184<br><a href="https://map.kakao.com/link/map/대전우편집중국,36.261043, 127.274731" style="color:blue" target="_blank" title="대전지사 큰지도보기 새창열림">큰지도보기</a></div>'); }else if($(this).attr('data-tab') == 'tab7'){ drawMap('map6', 35.219024, 126.851993, '<div style="padding:5px;"><strong>광주우편집중국</strong><br>광주광역시광산구 <br>쌍암동 앰코로11<br><a href="https://map.kakao.com/link/map/광주우편집중국,35.219024, 126.851993" style="color:blue" target="_blank" title="광주지사 큰지도보기 새창열림">큰지도보기</a></div>'); }else if($(this).attr('data-tab') == 'tab8'){ drawMap('map7', 35.910375, 128.614669, '<div style="padding:5px; font-size: 13.9px;"><strong>대구우편집중국</strong><br>대구광역시 북구 <br>산격2동 유통단지로115<br><a href="https://map.kakao.com/link/map/대구우편집중국,35.910375, 128.614669" style="color:blue" target="_blank" title="대구지사 큰지도보기 새창열림">큰지도보기</a> </div>'); } // drawMap(map1, 37.535443, 127.085955); //탭 이동 시 지도 다시 그리기 // map1.relayout(); // map1.setCenter(new kakao.maps.LatLng(37.535443, 127.085955)); // map2.relayout(); // map2.setCenter(new kakao.maps.LatLng(37.535443, 127.085955)); // map3.relayout(); // map3.setCenter(new kakao.maps.LatLng(37.388520, 126.945824)); // map4.relayout(); // map4.setCenter(new kakao.maps.LatLng(35.217299, 128.958739)); // map5.relayout(); // map5.setCenter(new kakao.maps.LatLng(36.261043, 127.274731)); // map6.relayout(); // map6.setCenter(new kakao.maps.LatLng(35.219024, 126.851993)); // map7.relayout(); // map7.setCenter(new kakao.maps.LatLng(35.910375, 128.614669)); // $(".mapInfo").parents().parents().css('height', '99px'); }) }); $(function() { $('ul.tab a, ul.tab2_600 a').keypress(function() { var activeTab = $(this).attr('data-tab'); $('.current').removeAttr('title'); $('ul.tab a, ul.tab2_600 a').removeClass('current'); $('.tabcontent').removeClass('current'); $(this).addClass('current'); $(this).attr('title', '선택됨'); $('#' + activeTab).addClass('current'); $(".map-container").children().remove(); if($(this).attr('data-tab') == 'tab1'){ drawMap('map1', 37.535443, 127.085955, '<div style="padding:5px;"><strong>동서울우편집중국</strong><br>서울특별시 광진구<br> 자양동 자양로 76<br><a href="https://map.kakao.com/link/map/동서울우편집중국,37.535443,127.085955" style="color:blue" target="_blank" title="큰지도보기">큰지도보기</a></div>'); }else if($(this).attr('data-tab') == 'tab3'){ drawMap('map2', 37.535443, 127.085955, '<div style="padding:5px;"><strong>동서울우편집중국</strong><br>서울특별시 광진구<br> 자양동 자양로 76<br><a href="https://map.kakao.com/link/map/동서울우편집중국,37.535443,127.085955" style="color:blue" target="_blank" title="큰지도보기">큰지도보기</a></div>'); }else if($(this).attr('data-tab') == 'tab4'){ drawMap('map3', 37.388520, 126.945824, '<div style="padding:5px;"><strong>안양우편물류센터</strong><br>경기도 안양시 동안구<br> 호계2동 시민대로121<br><a href="https://map.kakao.com/link/map/안양우편물류센터,37.388520, 126.945824" style="color:blue" target="_blank" title="큰지도보기">큰지도보기</a></div>'); }else if($(this).attr('data-tab') == 'tab5'){ drawMap('map4', 35.217299, 128.958739, '<div style="padding:5px;"><strong>부산우편집중국</strong><br>부산광역시<br> 강서구 대저1동 1549<br><a href="https://map.kakao.com/link/map/부산우편집중국,35.217299, 128.958739" style="color:blue" target="_blank" title="큰지도보기">큰지도보기</a> </div>'); }else if($(this).attr('data-tab') == 'tab6'){ drawMap('map5', 36.261043, 127.274731, '<div style="padding:5px;"><strong>대전우편집중국</strong><br>충청남도 계릉시<br>두마면 사계로 184<br><a href="https://map.kakao.com/link/map/대전우편집중국,36.261043, 127.274731" style="color:blue" target="_blank" title="큰지도보기">큰지도보기</a></div>'); }else if($(this).attr('data-tab') == 'tab7'){ drawMap('map6', 35.219024, 126.851993, '<div style="padding:5px;"><strong>광주우편집중국</strong><br>광주광역시광산구 <br>쌍암동 앰코로11<br><a href="https://map.kakao.com/link/map/광주우편집중국,35.219024, 126.851993" style="color:blue" target="_blank" title="큰지도보기">큰지도보기</a></div>'); }else if($(this).attr('data-tab') == 'tab8'){ drawMap('map7', 35.910375, 128.614669, '<div style="padding:5px; font-size: 13.9px;"><strong>대구우편집중국</strong><br>대구광역시 북구 <br>산격2동 유통단지로115<br><a href="https://map.kakao.com/link/map/대구우편집중국,35.910375, 128.614669" style="color:blue" target="_blank" title="큰지도보기">큰지도보기</a> </div>'); } /* drawMap(map1, 37.535443, 127.085955); map1.relayout(); map1.setCenter(new kakao.maps.LatLng(37.535443, 127.085955)); map2.relayout(); map2.setCenter(new kakao.maps.LatLng(37.535443, 127.085955)); map3.relayout(); map3.setCenter(new kakao.maps.LatLng(37.388520, 126.945824)); map4.relayout(); map4.setCenter(new kakao.maps.LatLng(35.217299, 128.958739)); map5.relayout(); map5.setCenter(new kakao.maps.LatLng(36.261043, 127.274731)); map6.relayout(); map6.setCenter(new kakao.maps.LatLng(35.219024, 126.851993)); map7.relayout(); map7.setCenter(new kakao.maps.LatLng(35.910375, 128.614669)); */ }) }); </script></div> <script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=8201868b2f7f4d88c3e7378a72cb53d2"></script> <script> //지사별 좌표 /* var XList = []; var YList = []; XList[0] = 37.535443; XList[1] = 37.535443; XList[2] = 37.388520; XList[3] = 35.217299; XList[4] = 36.261043; XList[5] = 35.219024; XList[6] = 35.910375; YList[0] = 127.085955; YList[1] = 127.085955; YList[2] = 126.945824; YList[3] = 128.958739; YList[4] = 127.274731; YList[5] = 126.851993; YList[6] = 128.614669; for(i=0; i < $('.map-container').length; i++){ var mapContainer = document.getElementById('map'+(i+1)) // 지도를 표시할 div mapOption = { center: new kakao.maps.LatLng(XList[i]+","+YList[i]), // 지도의 중심좌표 level: 3 // 지도의 확대 레벨 }; var map = new kakao.maps.Map(mapContainer, mapOption); // 지도를 생성합니다 // 마커가 표시될 위치입니다 var markerPosition = new kakao.maps.LatLng(XList[i]+","+YList[i]); // 마커를 생성합니다 var marker = new kakao.maps.Marker({ position: markerPosition }); // 마커가 지도 위에 표시되도록 설정합니다 marker.setMap(map); // 아래 코드는 지도 위의 마커를 제거하는 코드입니다 // marker.setMap(null); //일반 지도와 스카이뷰로 지도 타입을 전환할 수 있는 지도타입 컨트롤을 생성합니다 var mapTypeControl = new kakao.maps.MapTypeControl(); //지도에 컨트롤을 추가해야 지도위에 표시됩니다 //kakao.maps.ControlPosition은 컨트롤이 표시될 위치를 정의하는데 TOPRIGHT는 오른쪽 위를 의미합니다 map.addControl(mapTypeControl, kakao.maps.ControlPosition.TOPRIGHT); // 지도 확대 축소를 제어할 수 있는 줌 컨트롤을 생성합니다 var zoomControl = new kakao.maps.ZoomControl(); map.addControl(zoomControl, kakao.maps.ControlPosition.RIGHT); var iwContent = '<div style="padding:5px;"><strong>동서울우편집중국</strong><br>서울특별시 광진구<br> 자양동 자양로 76<br><a href="https://map.kakao.com/link/map/동서울우편집중국,37.535443,127.085955" style="color:blue" target="_blank" title="큰지도보기">큰지도보기</a> <a href="https://map.kakao.com/link/to/동서울우편집중국,37.535443,127.085955" style="color:blue" target="_blank" title="길찾기">길찾기</a></div>', // 인포윈도우에 표출될 내용으로 HTML 문자열이나 document element가 가능합니다 iwPosition = new kakao.maps.LatLng(XList[i]+","+YList[i]); //인포윈도우 표시 위치입니다 // 인포윈도우를 생성합니다 var infowindow = new kakao.maps.InfoWindow({ position : iwPosition, content : iwContent }); // 마커 위에 인포윈도우를 표시합니다. 두번째 파라미터인 marker를 넣어주지 않으면 지도 위에 표시됩니다 infowindow.open(map, marker); } */ //본사지도 /* function drawMap(mapId, X, Y, info){ var mapContainer = document.getElementById(mapId), // 지도를 표시할 div mapOption = { center: new kakao.maps.LatLng(X, Y), // 지도의 중심좌표 level: 3 // 지도의 확대 레벨 }; var map = new kakao.maps.Map(mapContainer, mapOption); // 지도를 생성합니다 // 마커가 표시될 위치입니다 var markerPosition = new kakao.maps.LatLng(X, Y); // 마커를 생성합니다 var marker = new kakao.maps.Marker({ position: markerPosition }); // 마커가 지도 위에 표시되도록 설정합니다 marker.setMap(map); //일반 지도와 스카이뷰로 지도 타입을 전환할 수 있는 지도타입 컨트롤을 생성합니다 var mapTypeControl = new kakao.maps.MapTypeControl(); //지도에 컨트롤을 추가해야 지도위에 표시됩니다 //kakao.maps.ControlPosition은 컨트롤이 표시될 위치를 정의하는데 TOPRIGHT는 오른쪽 위를 의미합니다 map.addControl(mapTypeControl, kakao.maps.ControlPosition.TOPRIGHT); // 지도 확대 축소를 제어할 수 있는 줌 컨트롤을 생성합니다 var zoomControl = new kakao.maps.ZoomControl(); map.addControl(zoomControl, kakao.maps.ControlPosition.RIGHT); var iwContent = info, // 인포윈도우에 표출될 내용으로 HTML 문자열이나 document element가 가능합니다 iwPosition = new kakao.maps.LatLng(X, Y); //인포윈도우 표시 위치입니다 // 인포윈도우를 생성합니다 var infowindow = new kakao.maps.InfoWindow({ position : iwPosition, content : iwContent }); // 마커 위에 인포윈도우를 표시합니다. 두번째 파라미터인 marker를 넣어주지 않으면 지도 위에 표시됩니다 infowindow.open(map, marker); }; */ /* //서울지사 var mapContainer2 = document.getElementById('map2'), mapOption2 = { center: new kakao.maps.LatLng(37.535443, 127.085955), level: 3 }; var map2 = new kakao.maps.Map(mapContainer2, mapOption2); var markerPosition2 = new kakao.maps.LatLng(37.535443, 127.085955); var marker2 = new kakao.maps.Marker({ position: markerPosition2 }); marker2.setMap(map2); var mapTypeControl2 = new kakao.maps.MapTypeControl(); map2.addControl(mapTypeControl2, kakao.maps.ControlPosition.TOPRIGHT); var zoomControl2 = new kakao.maps.ZoomControl(); map2.addControl(zoomControl2, kakao.maps.ControlPosition.RIGHT); var iwContent2 = '<div class="mapInfo" style="min-height: 99px; padding:5px;"><strong>동서울우편집중국</strong><br>서울특별시 광진구<br> 자양동 자양로 76<br><a href="https://map.kakao.com/link/map/동서울우편집중국,37.535443,127.085955" style="color:blue" target="_blank" title="큰지도보기">큰지도보기</a> <a href="https://map.kakao.com/link/to/동서울우편집중국,37.535443,127.085955" style="color:blue" target="_blank" title="길찾기">길찾기</a></div>', iwPosition2 = new kakao.maps.LatLng(37.535443, 127.085955); var infowindow2 = new kakao.maps.InfoWindow({ position : iwPosition2, content : iwContent2 }); infowindow2.open(map2, marker2); //경인지사 var mapContainer3 = document.getElementById('map3'), mapOption3 = { center: new kakao.maps.LatLng(37.388520, 126.945824), level: 3 }; var map3 = new kakao.maps.Map(mapContainer3, mapOption3); var markerPosition3 = new kakao.maps.LatLng(37.388520, 126.945824); var marker3 = new kakao.maps.Marker({ position: markerPosition3 }); marker3.setMap(map3); var mapTypeControl3 = new kakao.maps.MapTypeControl(); map3.addControl(mapTypeControl3, kakao.maps.ControlPosition.TOPRIGHT); var zoomControl3 = new kakao.maps.ZoomControl(); map3.addControl(zoomControl3, kakao.maps.ControlPosition.RIGHT); var iwContent3 = '<div class="mapInfo" style="padding:5px;"><strong>안양우편물류센터</strong><br>경기도 안양시<br> 동안구 호계2동 시민대로121<br><a href="https://map.kakao.com/link/map/안양우편물류센터,37.388520, 126.945824" style="color:blue" target="_blank" title="큰지도보기">큰지도보기</a> <a href="https://map.kakao.com/link/to/안양우편물류센터,37.388520, 126.945824" style="color:blue" target="_blank" title="길찾기">길찾기</a></div>', iwPosition3 = new kakao.maps.LatLng(37.388520, 126.945824); var infowindow3 = new kakao.maps.InfoWindow({ position : iwPosition3, content : iwContent3 }); infowindow3.open(map3, marker3); //부산지사 var mapContainer4 = document.getElementById('map4'), mapOption4 = { center: new kakao.maps.LatLng(35.217299, 128.958739), level: 3 }; var map4 = new kakao.maps.Map(mapContainer4, mapOption4); var markerPosition4 = new kakao.maps.LatLng(35.217299, 128.958739); var marker4 = new kakao.maps.Marker({ position: markerPosition4 }); marker4.setMap(map4); var mapTypeControl4 = new kakao.maps.MapTypeControl(); map4.addControl(mapTypeControl4, kakao.maps.ControlPosition.TOPRIGHT); var zoomControl4 = new kakao.maps.ZoomControl(); map4.addControl(zoomControl4, kakao.maps.ControlPosition.RIGHT); var iwContent4 = '<div class="mapInfo" style="padding:5px;"><strong>부산우편집중국</strong><br>부산광역시<br> 강서구 대저1동 1549<br><a href="https://map.kakao.com/link/map/부산우편집중국,35.217299, 128.958739" style="color:blue" target="_blank" title="큰지도보기">큰지도보기</a> <a href="https://map.kakao.com/link/to/부산우편집중국,35.217299, 128.958739" style="color:blue" target="_blank" title="길찾기">길찾기</a></div>', iwPosition4 = new kakao.maps.LatLng(35.217299, 128.958739); var infowindow4 = new kakao.maps.InfoWindow({ position : iwPosition4, content : iwContent4 }); infowindow4.open(map4, marker4); //대전지사 var mapContainer5 = document.getElementById('map5'), mapOption5 = { center: new kakao.maps.LatLng(36.261043, 127.274731), level: 3 }; var map5 = new kakao.maps.Map(mapContainer5, mapOption5); var markerPosition5 = new kakao.maps.LatLng(36.261043, 127.274731); var marker5 = new kakao.maps.Marker({ position: markerPosition5 }); marker5.setMap(map5); var mapTypeControl5 = new kakao.maps.MapTypeControl(); map5.addControl(mapTypeControl5, kakao.maps.ControlPosition.TOPRIGHT); var zoomControl5 = new kakao.maps.ZoomControl(); map5.addControl(zoomControl5, kakao.maps.ControlPosition.RIGHT); var iwContent5 = '<div class="mapInfo" style="padding:5px;"><strong>대전우편집중국</strong><br>충청남도 계릉시<br>두마면 사계로 184<br><a href="https://map.kakao.com/link/map/대전우편집중국,36.261043, 127.274731" style="color:blue" target="_blank" title="큰지도보기">큰지도보기</a> <a href="https://map.kakao.com/link/to/대전우편집중국,36.261043, 127.274731" style="color:blue" target="_blank" title="길찾기">길찾기</a></div>', iwPosition5 = new kakao.maps.LatLng(36.261043, 127.274731); var infowindow5 = new kakao.maps.InfoWindow({ position : iwPosition5, content : iwContent5 }); infowindow5.open(map5, marker5); //광주지사 var mapContainer6 = document.getElementById('map6'), mapOption6 = { center: new kakao.maps.LatLng(35.219024, 126.851993), level: 3 }; var map6 = new kakao.maps.Map(mapContainer6, mapOption6); var markerPosition6 = new kakao.maps.LatLng(35.219024, 126.851993); var marker6 = new kakao.maps.Marker({ position: markerPosition6 }); marker6.setMap(map6); var mapTypeControl6 = new kakao.maps.MapTypeControl(); map6.addControl(mapTypeControl6, kakao.maps.ControlPosition.TOPRIGHT); var zoomControl6 = new kakao.maps.ZoomControl(); map6.addControl(zoomControl6, kakao.maps.ControlPosition.RIGHT); var iwContent6 = '<div class="mapInfo" style="padding:5px;"><strong>광주우편집중국</strong><br>광주광역시<br>광산구 쌍암동 앰코로11<br><a href="https://map.kakao.com/link/map/광주우편집중국,35.219024, 126.851993" style="color:blue" target="_blank" title="큰지도보기">큰지도보기</a> <a href="https://map.kakao.com/link/to/광주우편집중국,35.219024, 126.851993" style="color:blue" target="_blank" title="길찾기">길찾기</a></div>', iwPosition6 = new kakao.maps.LatLng(35.219024, 126.851993); var infowindow6 = new kakao.maps.InfoWindow({ position : iwPosition6, content : iwContent6 }); infowindow6.open(map6, marker6); //대구지사 var mapContainer7 = document.getElementById('map7'), mapOption7 = { center: new kakao.maps.LatLng(35.910375, 128.614669), level: 3 }; var map7 = new kakao.maps.Map(mapContainer7, mapOption7); var markerPosition7 = new kakao.maps.LatLng(35.910375, 128.614669); var marker7 = new kakao.maps.Marker({ position: markerPosition7 }); marker7.setMap(map7); var mapTypeControl7 = new kakao.maps.MapTypeControl(); map7.addControl(mapTypeControl7, kakao.maps.ControlPosition.TOPRIGHT); var zoomControl7 = new kakao.maps.ZoomControl(); map7.addControl(zoomControl7, kakao.maps.ControlPosition.RIGHT); var iwContent7 = '<div class="mapInfo" style="padding:5px;"><strong>대구우편집중국</strong><br>대구광역시<br>북구 산격2동 유통단지로115<br><a href="https://map.kakao.com/link/map/대구우편집중국,35.910375, 128.614669" style="color:blue" target="_blank" title="큰지도보기">큰지도보기</a> <a href="https://map.kakao.com/link/to/대구우편집중국,35.910375, 128.614669" style="color:blue" target="_blank" title="길찾기">길찾기</a></div>', iwPosition7 = new kakao.maps.LatLng(35.910375, 128.614669); var infowindow7 = new kakao.maps.InfoWindow({ position : iwPosition7, content : iwContent7 }); infowindow7.open(map7, marker7); */ //지도 만들기 function drawMap(mapId, X, Y, info){ var mapContainer = document.getElementById(mapId), // 지도를 표시할 div mapOption = { center: new kakao.maps.LatLng(X, Y), // 지도의 중심좌표 level: 3 // 지도의 확대 레벨 }; var map = new kakao.maps.Map(mapContainer, mapOption); // 지도를 생성합니다 // 마커가 표시될 위치입니다 var markerPosition = new kakao.maps.LatLng(X, Y); // 마커를 생성합니다 var marker = new kakao.maps.Marker({ position: markerPosition }); // 마커가 지도 위에 표시되도록 설정합니다 marker.setMap(map); //일반 지도와 스카이뷰로 지도 타입을 전환할 수 있는 지도타입 컨트롤을 생성합니다 var mapTypeControl = new kakao.maps.MapTypeControl(); //지도에 컨트롤을 추가해야 지도위에 표시됩니다 //kakao.maps.ControlPosition은 컨트롤이 표시될 위치를 정의하는데 TOPRIGHT는 오른쪽 위를 의미합니다 map.addControl(mapTypeControl, kakao.maps.ControlPosition.TOPRIGHT); // 지도 확대 축소를 제어할 수 있는 줌 컨트롤을 생성합니다 var zoomControl = new kakao.maps.ZoomControl(); map.addControl(zoomControl, kakao.maps.ControlPosition.RIGHT); var iwContent = info, // 인포윈도우에 표출될 내용으로 HTML 문자열이나 document element가 가능합니다 iwPosition = new kakao.maps.LatLng(X, Y); //인포윈도우 표시 위치입니다 // 인포윈도우를 생성합니다 var infowindow = new kakao.maps.InfoWindow({ position : iwPosition, content : iwContent }); // 마커 위에 인포윈도우를 표시합니다. 두번째 파라미터인 marker를 넣어주지 않으면 지도 위에 표시됩니다 infowindow.open(map, marker); }; </script> </section>