111 lines
5.2 KiB
Plaintext
111 lines
5.2 KiB
Plaintext
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %><%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %><div class="subCont">
|
|
<h3 class="contTit">찾아오시는 길 1</h3>
|
|
|
|
<div class="contentWrap">
|
|
<div class="mapWrap"><script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=5e88811efe500559f26a71bd8565b3f0&libraries=services"></script>
|
|
<div id="map" style="width: 100%; height: 100%;"> </div>
|
|
|
|
<div class="mapInfo">
|
|
<p class="fs34 fwMd">한국원자력안전재단</p>
|
|
|
|
<p class="fs20 fwLg">경기도 성남시 분당구 대왕판교로644번길49 (삼평동, 디티씨타워 1관 7층)</p>
|
|
|
|
<ul>
|
|
<li>
|
|
<p class="fs20 fwLg"><span class="fwMd">TEL</span> 031-626-6121</p>
|
|
</li>
|
|
<li>
|
|
<p class="fs20 fwLg"><span class="fwMd">FAX</span> 031-626-6010</p>
|
|
</li>
|
|
</ul>
|
|
<!-- <button class="mapBtn fs18 fwLg">길찾기</button> --></div>
|
|
</div>
|
|
|
|
<table class="mapTb">
|
|
<caption>찾아오시는 길 지하철, 버스, 자가용 이용안내 표</caption>
|
|
<colgroup>
|
|
<col style="width: 30%" />
|
|
<col style="width: 70%" />
|
|
</colgroup>
|
|
<tbody>
|
|
<tr>
|
|
<th scope="row">
|
|
<p class="fs22"><span class="fwMd">지하철</span> 이용안내</p>
|
|
</th>
|
|
<td><span class="fs18 c_0162d0 fwMd">신분당선 이용시</span>
|
|
<p class="fs18 fwLg">- 판교역 1번 출구로 나온 후, 보이는 방향으로 약 5분 (탄천 다리를 지난 후 SK 주유소 옆 DTC타워 건물)</p>
|
|
<span class="fs18 c_0162d0 fwMd">분당선 이용시</span>
|
|
|
|
<p class="fs18 fwLg">- 야탑역 3번 출구로 나온 후, 330번 버스탑승'차그룹컨소시엄' 정류장 하차 후, 도보 3분 (총 약 20분)</p>
|
|
|
|
<p class="fs18 fwLg">- 분당선 서현역 4번 출구로 나온 후, 602-1번 버스탑승 '동안교' 정류장 하차 후, 도보 2분 (총 약 20분)</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">
|
|
<p class="fs22"><span class="fwMd">버스</span> 이용안내</p>
|
|
</th>
|
|
<td>
|
|
<p class="fs18 fwLg">- 309번(용인 - 성남) → ‘동안교’ 하차 → 도보 약 2분 → 한국원자력안전재단 도착</p>
|
|
|
|
<p class="fs18 fwLg">- 602-1번, 602-2번(맞춤형 버스) → ‘엔씨소프트.안랩’ 하차 → 도보 약 3분 → 한국원자력안전재단 도착</p>
|
|
|
|
<p class="fs18 fwLg">- 4000번(수원 - 성남), 9414번(삼성 - 죽전) → ‘테크노육교’ 하차 → 도보 약 3분 → 한국원자력안전재단 도착</p>
|
|
|
|
<p class="fs18 fwLg">- 101번, 330번, 350번(잠실 - 성남) → ‘차그룹컨소시엄’ 하차 → 도보 약 3분 → 한국원자력안전재단 도착</p>
|
|
|
|
<p class="fs18 fwLg">- 9007번(서울역 - 성남) → ‘엔씨소프트.안랩’ 하차 → 도보 약 3분 → 한국원자력안전재단 도착</p>
|
|
|
|
<p class="fs18 fwLg">- 9000번, 9401번(서울역 - 성남) → ‘판교역.낙생육교.현대백화점’ 하차 → 도보 약 15분 → 한국원자력안전재단 도착</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">
|
|
<p class="fs22"><span class="fwMd">자가용</span> 이용안내</p>
|
|
</th>
|
|
<td><span class="fs18 c_0162d0 fwMd">경부고속도로 이용시</span>
|
|
<p class="fs18 fwLg">- 판교 IC 통과 후 좌회전 → 약 700m 직진하여 사거리에서 우회전 → 약 500m 직진 (좌측 SK 주유소 옆건물(DTC타워1관7층)) → 한국원자력안전재단 도착</p>
|
|
<span class="fs18 c_0162d0 fwMd">분당 - 수서간 도시고속화도로 이용시</span>
|
|
|
|
<p class="fs18 fwLg">- 벌말사거리에서 우회전 → 한화테크윈삼거리에서 판교역방면으로 좌회전 (NCSOFT 건물 지나기 전에 좌회전 하여 약100m 직진(좌측 SK 주유소 옆건물(DTC타워1관7층)) → 한국원자력안전재단 도착</p>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<script>
|
|
var mapContainer = document.getElementById('map'), // 지도를 표시할 div
|
|
mapOption = {
|
|
center: new kakao.maps.LatLng(33.450701, 126.570667), // 지도의 중심좌표
|
|
level: 3 // 지도의 확대 레벨
|
|
};
|
|
|
|
// 지도를 생성합니다
|
|
var map = new kakao.maps.Map(mapContainer, mapOption);
|
|
|
|
// 주소-좌표 변환 객체를 생성합니다
|
|
var geocoder = new kakao.maps.services.Geocoder();
|
|
|
|
// 주소로 좌표를 검색합니다
|
|
geocoder.addressSearch('경기도 성남시 분당구 대왕판교로 644번길 49', function(result, status) {
|
|
// 정상적으로 검색이 완료됐으면
|
|
if (status === kakao.maps.services.Status.OK) {
|
|
var coords = new kakao.maps.LatLng(result[0].y, result[0].x);
|
|
// 결과값으로 받은 위치를 마커로 표시합니다
|
|
var marker = new kakao.maps.Marker({
|
|
title: "한국원자력안전재단",
|
|
map: map,
|
|
position: coords
|
|
});
|
|
|
|
// 인포윈도우로 장소에 대한 설명을 표시합니다
|
|
var infowindow = new kakao.maps.InfoWindow({
|
|
content: '<div style="width:200px;text-align:center;padding:6px 0;font-size:20px;">한국원자력안전재단</div>'
|
|
});
|
|
infowindow.open(map, marker);
|
|
// 지도의 중심을 결과값으로 받은 위치로 이동시킵니다
|
|
map.setCenter(coords);
|
|
}
|
|
});
|
|
</script></div>
|
|
</div>
|