
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<div class="container traffic">
    <div class="subHeader">
        <h1 class="logo">안동시 교통정보센터</h1>
        <div class="pageLocation">
            <%@ include file="/WEB-INF/jsp/egovframework/include/userSubMenu.jsp" %>
        </div>
    </div>
    <div class="trafficWrap">
        <div class="mapAreaWrap">
            <!-- 좌측목록 지도 영역 -->
            <div class="left-Area">
                <div class="left-list">
                    <div class="road-list">
                        <button class="list-button" type="button">VMS 목록</button>
                        <ul class="road" id="vmsList"></ul>
                    </div>
                    <div class="traffic-list-select">
                        <select id="atrdList" class="vmsListM" onchange="showVmsInfo(this.value)"></select>
                        <label for="atrdList"></label>
                    </div>
                </div>
            </div>
            <!-- // 좌측목록 지도 영역 -->

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

<%@ 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();
    _Map.relayout();
</script>