<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<!--contents-->
<section class="main-container">
    <!-- 좌측목록 지도 영역 -->
    <article class="left-Area traffic">
        <ul class="sub-Tab">
            <li ><a href="/traffic/realtime.do">소통정보</a></li>
            <li><a href="/traffic/incd.do">돌발정보</a></li>
            <li><a href="/traffic/cctv.do">CCTV</a></li>
            <li class="on"><a href="/traffic/vms.do">VMS</a></li>
        </ul>
        <div class="left-list">
            <div class="road-list">
                <button class="list-button" type="button" id="show" onclick="dis()">
                    VMS 목록
                </button>
                <ul class="list vms dis" id="vmsList">
                </ul>
            </div>
            <div class="traffic-list-select">
                <select id="vmsListM" class="trafficSelect" onchange="showVmsInfo(this.value)"></select>
                <label for="vmsListM"></label>
            </div>

        </div>
    </article>

    <!-- 서브 지도 영역 -->
    <div id="map" class="mapArea"></div>

 	<img class="legend-img" alt="소통등급" src="/common/images/trafficStatus.png">
</section>
<!--//contents-->

<%@ include file="/WEB-INF/jsp/egovframework/include/daumApiKey.jsp" %>
<script src="/js/main.js" type="text/javascript"></script>
<script src="/js/common.js" type="text/javascript"></script>
<script src="/js/traffic.js" type="text/javascript"></script>
<script type="text/javascript">
	getVmsCtlr();
	setInterval(getVertexArr, 1000 * 60 * 5);
	_TrafficFlag = false;
	getVertexArr();
	
</script>
