parkheat.html 6.73 KB
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>停车LBS</title>
    <meta name="google" value="notranslate"><!-- 禁止Chrome 浏览器中自动提示翻译 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge"><!--IE=edge:保持使用最高级别模式显示内容-->
    <meta name="renderer" content="webkit"><!--360浏览器-->
    <meta content="width=device-width, initial-scale=1" name="viewport" />
    <!--<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />-->
    <meta content="" name="description" />
    <meta content="" name="author" />
    <link rel="stylesheet" href="../css/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/parkheat.css">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /></head>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=cuMSxNl5LOY6sf1M3nDGtG6tGXl5a0Bb"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/library/Heatmap/2.0/src/Heatmap_min.js"></script>
</head>
<body>
<!--地图部分 sta -->
<div id="allmap"></div>
<!--地图部分 end -->
<!--头部 sta -->
<div id="model-top" class="model-top">
</div>
<!--头部 end -->
<!--侧边导航栏 sta-->
<div id="model-left" class="model-left">
    <div class="ser_tab">
        <a href="parkquery.html"><div id="park-query" class="park-query tab-common"><span class="query-icon"></span>停车场查询</div></a>
        <div id="park-heattit" class="park-heattit tab-common park-active"><span class="heattit-icon tab-active"></span>停车热力</div>
        <a href="parkhotarea.html"><div id="park-heatareatit" class="park-heatareatit tab-common"><span class="areatit-icon"></span>热点区域</div></a>
    </div>
</div>
<!--侧边导航栏 end-->
<!--时间轴 sta -->
<div id="time_con" class="time_con">
    <div class="time_l time_area">
        <div class="time_line time_line_l"></div>
        <ul class="time_ul_l" id="time_ul_l">
            <li>
                <span class="time_date">
                    7月1日
                </span>
                <span class="time_circle"></span>
            </li>
            <li>
                <span class="time_date">
                    7月1日
                </span>
                <span class="time_circle"></span>
            </li>
            <li>
                <span class="time_date">
                    7月1日
                </span>
                <span class="time_circle"></span>
            </li>
            <li>
                <span class="time_date">
                    7月1日
                </span>
                <span class="time_circle"></span>
            </li>
            <li>
                <span class="time_date">
                    7月1日
                </span>
                <span class="time_circle"></span>
            </li>
            <li>
                <span class="time_date">
                    7月1日
                </span>
                <span class="time_circle"></span>
            </li>
            <li>
                <span class="time_date">
                    7月1日
                </span>
                <span class="time_circle"></span>
            </li>
        </ul>
    </div>
    <div class="time_r time_area">
        <div class="time_line time_line_r"></div>
        <ul class="time_ul_r" id="time_ul_r">
            <li>
                <span class="time_date_r">
                    00:00
                </span>
                <span class="time_circle_r"></span>
            </li>
            <li>
                <span class="time_date_r">
                    02:00
                </span>
                <span class="time_circle_r"></span>
            </li>
            <li>
                <span class="time_date_r">
                    04:00
                </span>
                <span class="time_circle_r"></span>
            </li>
            <li>
                <span class="time_date_r">
                    06:00
                </span>
                <span class="time_circle_r"></span>
            </li>
            <li>
                <span class="time_date_r">
                    08:00
                </span>
                <span class="time_circle_r"></span>
            </li>
            <li>
                <span class="time_date_r">
                    10:00
                </span>
                <span class="time_circle_r"></span>
            </li>
            <li>
                <span class="time_date_r">
                    12:00
                </span>
                <span class="time_circle_r"></span>
            </li>
            <li>
                <span class="time_date_r">
                    14:00
                </span>
                <span class="time_circle_r"></span>
            </li>
            <li>
                <span class="time_date_r">
                    16:00
                </span>
                <span class="time_circle_r"></span>
            </li>
            <li>
                <span class="time_date_r">
                    18:00
                </span>
                <span class="time_circle_r"></span>
            </li>
            <li>
                <span class="time_date_r">
                    20:00
                </span>
                <span class="time_circle_r"></span>
            </li>
            <li>
                <span class="time_date_r">
                    22:00
                </span>
                <span class="time_circle_r"></span>
            </li>
            <!--<li>-->
                <!--<span class="time_date_r">-->
                    <!--24:00-->
                <!--</span>-->
                <!--<span class="time_circle_r"></span>-->
            <!--</li>-->

        </ul>
    </div>
</div>
<!--时间轴 end -->
<!--侧栏 sta -->

<!--侧栏 end -->

<!--右下角图例 sta -->
<div class="freespace">
    <div class="freespace-tit">在停车辆数</div>
    <ul class="freespace-content">
        <li class="freespace-msg"><span class="msg-common msg-bgfull"></span>100以上</li>
        <li class="freespace-msg"><span class="msg-common msg-bgfew"></span>21-100</li>
        <li class="freespace-msg"><span class="msg-common msg-bgeough"></span>0-20</li>
    </ul>
</div>
<!--右下角图例 end -->
<!--底部 sta -->
<div id="model-foot" class="model-foot">

</div>
<!--底部 end-->
<script src="../js/lib/jquery.min.js"></script>
<script src="../js/lib/bootstrap.min.js"></script>

<!--<script src="../js/lib/echarts.min.js"></script>-->
<!--<script src="../js/lib/chifeng.js"></script>-->
<script src="../js/common/header-footer.js"></script>
<script src="../js/common/common.js"></script>
<script src="../js/common/unit.js"></script>
<script src="../js/pagejs/parkheat.js?v=0.3"></script>
</body>
</html>