전국 자전거도로

[상록수]

Korea Bike Map

지도 데이터

NHN/SPOT/중앙항업/인천광역시/SK 플래닛/한국도로공사/다울지오인포

닫기

©NHN/SPOT/중앙항업/인천광역시/SK 플래닛/한국도로공사/다울지오인포©NHN 더보기

102.4km

일반

위성

겹쳐보기

주제별 지도

자전거

자전거 지도 범례

• 도로안내
  • 자전거 전용도로
  • 진입방지대
  • 공사중 표시
  • 보행자 겸용도로
  • 방지턱
  • 통행불가 도로
• 진입로
  • 계단
  • 엘리베이터
  • 교량
  • 경사로·육교
  • 인도
  • 대표진입로
  • 토끼굴·지하도
  • 차도
• 편의시설
  • 화장실
  • 자전거 보관
  • 공기주입
  • 매점
  • 급수·샤워
  • 쉼터·벤치·평상
  • 자전거 대여
  • 휴지통
  • 판매 수리점

[확대/축소] 지도 위 마우스 클릭하고 스크롤
[이동] 클릭한 상태에서 마우스플 끌기

var oSeoulCityPoint = new nhn.api.map.LatLng(36.3501656, 127.3848267); var defaultLevel = 3; var oMap = new nhn.api.map.Map(document.getElementById('map'), { point : oSeoulCityPoint,// 지도 중심점의 좌표 zoom : defaultLevel,// 지도의 축척 레벨 enableWheelZoom : true,//마우스휠로 지도 확대,축소 enableDragPan : true,//마우스로 지도 움직이게, 혹은 고정 enableDblClickZoom : false,//더블클릭으로 지도 확대 mapMode : 0,// 지도 모드(Ÿ0 : 일반 지도, 1 : 겹침 지도, 2 : 위성 지도) activateTrafficMap : false,// 실시간 교통 활성화 여부 activateBicycleMap : true,// 자전거 지도 활성화 여부 minMaxLevel : [ 1, 14 ],// 지도의 최소/최대 축척 레벨 size : new nhn.api.map.Size(746, 800) });// 지도의 크기 // 줌컨트롤 *- var oSlider = new nhn.api.map.ZoomControl(); oMap.addControl(oSlider); oSlider.setPosition({ top : 10, left : 10 }); // 지도타입 *- var oMapTypeBtn = new nhn.api.map.MapTypeBtn(); oMap.addControl(oMapTypeBtn); oMapTypeBtn.setPosition({ bottom : 10, right : 80 }); var oThemeMapBtn = new nhn.api.map.ThemeMapBtn(); oThemeMapBtn.setPosition({ bottom : 10, right : 10 }); oMap.addControl(oThemeMapBtn); var oBicycleGuide = new nhn.api.map.BicycleGuide(); // - 자전거 범례 선언 oBicycleGuide.setPosition({ top : 10, right : 10 }); // - 자전거 범례 위치 지정 oMap.addControl(oBicycleGuide);// - 자전거 범례를 지도에 추가. /*var oTrafficGuide = new nhn.api.map.TrafficGuide(); // - 교통 범례 선언 oTrafficGuide.setPosition({ bottom : 30, left : 10 }); // - 교통 범례 위치 지정. oMap.addControl(oTrafficGuide); // - 교통 범례를 지도에 추가. var trafficButton = new nhn.api.map.TrafficMapBtn(); // - 실시간 교통지도 버튼 선언 trafficButton.setPosition({ bottom:10, right:150 }); // - 실시간 교통지도 버튼 위치 지정 oMap.addControl(trafficButton);*/ var oSize = new nhn.api.map.Size(28, 37); var oOffset = new nhn.api.map.Size(14, 37); var oIcon = new nhn.api.map.Icon('http://static.naver.com/maps2/icons/pin_spot2.png', oSize, oOffset); var oInfoWnd = new nhn.api.map.InfoWindow(); oInfoWnd.setVisible(false); oMap.addOverlay(oInfoWnd); oInfoWnd.setPosition({ top : 20, left :20 }); var oLabel = new nhn.api.map.MarkerLabel(); // - 마커 라벨 선언. oMap.addOverlay(oLabel); // - 마커 라벨 지도에 추가. 기본은 라벨이 보이지 않는 상태로 추가됨. oInfoWnd.attach('changeVisible', function(oCustomEvent) { if (oCustomEvent.visible) { oLabel.setVisible(false); } }); var oPolyline = new nhn.api.map.Polyline([], { strokeColor : '#f00', // - 선의 색깔 strokeWidth : 5, // - 선의 두께 strokeOpacity : 0.5 // - 선의 투명도 }); // - polyline 선언, 첫번째 인자는 선이 그려질 점의 위치. 현재는 없음. oMap.addOverlay(oPolyline); // - 지도에 선을 추가함. oMap.attach('mouseenter', function(oCustomEvent) { var oTarget = oCustomEvent.target; // 마커위에 마우스 올라간거면 if (oTarget instanceof nhn.api.map.Marker) { var oMarker = oTarget; oLabel.setVisible(true, oMarker); // - 특정 마커를 지정하여 해당 마커의 title을 보여준다. } }); oMap.attach('mouseleave', function(oCustomEvent) { var oTarget = oCustomEvent.target; // 마커위에서 마우스 나간거면 if (oTarget instanceof nhn.api.map.Marker) { oLabel.setVisible(false); } }); oMap.attach('click', function(oCustomEvent) { var oPoint = oCustomEvent.point; var oTarget = oCustomEvent.target; oInfoWnd.setVisible(false); // 마커 클릭하면 if (oTarget instanceof nhn.api.map.Marker) { // 겹침 마커 클릭한거면 if (oCustomEvent.clickCoveredMarker) { return; } // - InfoWindow 에 들어갈 내용은 setContent 로 자유롭게 넣을 수 있습니다. 외부 css를 이용할 수 있으며, // - 외부 css에 선언된 class를 이용하면 해당 class의 스타일을 바로 적용할 수 있습니다. // - 단, DIV 의 position style 은 absolute 가 되면 안되며, // - absolute 의 경우 autoPosition 이 동작하지 않습니다. oInfoWnd.setContent('

'+ '' + 'Hello World
' + oTarget.getPoint() +'

'); oInfoWnd.setPoint(oTarget.getPoint()); oInfoWnd.setPosition({right : 15, top : 30}); oInfoWnd.setVisible(true); oInfoWnd.autoPosition(); return; } var oMarker = new nhn.api.map.Marker(oIcon, { title : 'NamuBike : ' + oPoint.toString() }); oMarker.setPoint(oPoint); oMap.addOverlay(oMarker); var aPoints = oPolyline.getPoints(); // - 현재 폴리라인을 이루는 점을 가져와서 배열에 저장. aPoints.push(oPoint); // - 추가하고자 하는 점을 추가하여 배열로 저장함. oPolyline.setPoints(aPoints); // - 해당 폴리라인에 배열에 저장된 점을 추가함 }); //-->]>

전국 자전거 도로를 쉽게 볼수 있습니다.
한강에서 부터 4대강 유역의 자전거 도로와 서울에서 부산까지 종주 코스도 한눈에 볼수 있네요^^

역쉬 잘 만드는 네이버 입니다.
지도에서 마우스를 스코롤 하시면 확대, 축소가 가능 합니다.