고속도로 공공데이터 포털

OpenAPI

OpenAPI체험Home > 데이터 활용 > OpenAPI체험

실시간 권역별 교통량

Open API 적용소스

예제실행 결과

<!-- 샘플 소스 -->
            	
//api 호출하기
function fGoExmple(){
	var f = document.frmFORM;
	var url = "http://data.ex.co.kr/openapi/trafficapi/trafficRegion";
	url += "?key=test&type=json&exDivCode=00®ionCode=901&inoutType=0&tcsType=1";
	
	$.get(
			url ,
			function(data) {
				if(data.toString == null || data.firstChild != null){
					var str = xmlToString(data);
					f.result.value = str;
				}else{
					
					var trafficRegionList = data.trafficRegion;
					
					var $div = $("#resultTableDiv");
		            var $title = $div.find("span[class='table_t1']");
		            var $thead = $div.find(".tb2 thead");
		            var $tbody = $div.find(".tb2 tbody");
		            
					$thead.empty();
					$tbody.empty();
					
					$title.html('실시간 경기권역 TCS 입구 시간별  교통량 ');
					
					// head
					var hh = "<tr>"
					+ "	<th scope='col' class='color2'>권역명</th>"
					+ "	<th scope='col' class='color2'>TCS/hi-pass구분</th>"
					+ "	<th scope='col' class='color2'>차종구분</th>"
					+ "	<th scope='col' class='color2'>영업형태</th>"
					+ "	<th scope='col' class='color2'>교통량</th>"
					+ "</tr>";
					
					$thead.append(hh);
					
					// body
					var bh = "";
					
					for(var i in trafficRegionList) {
						bh += "<tr>";
						
						if(i == 0) {
							bh += "<td scope='rowgroup' rowspan='" + trafficRegionList.length + "'>" + trafficRegionList[i].regionName.toString() + "</td>";
						}
						bh += "<td>" + trafficRegionList[i].tcsName + "</td>";
						bh += "<td>" + trafficRegionList[i].carType.toString() + "종</td>";
						bh += "<td>" + trafficRegionList[i].openClName + "</td>";
						bh += "<td>" + trafficRegionList[i].trafficAmout.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + "</td>";
						
						bh += "</tr>";
					}
					
					$tbody.append(bh);
				}
			}
	); 
}

체험하기

출력결과

이용차량수

실시간 권역별 교통량

단위: 차량대수

바로가기

OpenAPI

OpenAPI체험Home > 데이터 활용 > OpenAPI체험

실시간 권역별 교통량

Open API 적용소스

출력결과

실시간 권역별 교통량