zmcoding
/
data_view


			
				
					
						
						
							1234567891011121314151617181920212223242526272829
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>智慧宠物大屏展示</title>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=WSrX4bCfgcjTfhWNCwvfI1ZnQnfZDxFW"></script>
</head>
<body>
    <div id="mapContainer"></div>
    <div class="nav-top">
        <span class="nav-top-title">智慧宠物大屏展示</span>
        <div class="nav-top-time">
            <span id="date"></span>
            <span id="time"></span>
        </div>
    </div>

    <!-- 顶部悬浮 -->
    <div id="position_top" class="legend-container top-nav" style="min-width:500px; position: fixed; top: 90px; left: calc(20vw + 20px);"></div>

    <!-- 左侧区域悬浮 -->
    <div id="position_left" style="width: 20vw; min-width: 300px; position: fixed; top: 90px; left: 10px;"></div>

    <!-- 右侧区域悬浮 -->
    <div id="position_right" style="width: 22vw; min-width: 400px; position: fixed; top: 90px; right: 10px;"></div>

<script type="text/javascript" src="lib/loadingScript.js"></script>
</body>
</html>