skyversation
/
dataserver_management_map_ui_sh2000


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244
							<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=10,chrome=1" />
    <meta http-equiv="Expires" content="0" />
    <meta http-equiv="imagetoolbar" content="no" />
    <meta http-equiv="Pragma" content="no-cache" />
    <title></title>
    <style type="text/css">
    *{
        margin: 0;
        padding: 0;
    }
    html {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    body {
        width: 100%;
        height: 100%;
        overflow: hidden;
        background: url(../images/layout/logo-loading.png) no-repeat center center;
        padding: 0px;
        margin:0px;
    }
    #logo{
        position: absolute;
        top: 10px;
        left: 10px;
        z-index: 9;
    }
    #mapHolder {
        width: 100%;
        height: 100%;
    }
    .leaflet-control-container{
        position: absolute;
        bottom: 80px;
        right: -50px;
        width: 100px;
    }

    #mapHolder .leaflet-control-attribution {
        /*display: none;*/
    } 
    #mapHolder .leaflet-control-zoom {
        /*display: none;*/
    }
    .leaflet-bar a.leaflet-control-zoom-in{
        border-radius: 0 !important;
    }
    #update,#updateWin7{
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 999;
        margin-top: -260px;
        margin-left: -400px;
    }
    #update .close,#updateWin7 .close {
        width: 18px;
        height: 18px;
        position: absolute;
        top: 18px;
        right: 15px;
        background: url(images/layout/close_popUp.png) no-repeat;
        border: none;
        cursor: pointer;
    }
    #update .dc a {
        display: inline-block;
        color: #fff;
        border: none;
        padding: 6px 1px 6px 55px;
        border-radius: 35px;
        font-size: 18px;
        background: #336ae0 url(images/dibanben/down.png) 24px center no-repeat;
        margin: 25px 5px 0;
        cursor: pointer;
        width: 165px;
        background-size: 18px;
        text-decoration: none;
    }
    #updateWin7{
        display: none;
    }
    #updateWin7 .dc{
        position: absolute;
        left: 285px;
        top: 350px;
        cursor: pointer;
    }
    #update .dc{
        position: absolute;
        left: 266px;
        top: 350px;
        cursor: pointer;
    }
    #updateWin7 a{
        display: inline-block;
        color: #fff;
        border: none;
        padding: 6px 1px 6px 58px;
        border-radius: 35px;
        font-size: 18px;
        background: #336ae0 url(images/dibanben/down.png) 24px center no-repeat;
        margin: 25px 117px 0;
        cursor: pointer;
        width: 120px;
        background-size: 18px;
        text-decoration: none;
    }
    .zoomControl{
        position: absolute;
        top: -35px;
        font-size: 20px;
        width: 26px;
        height: 26px;
        background: #fff;
        line-height: 26px;
        text-align: center;
    }

    .map-list{
        position: absolute;
        top: 10%;
        right: 0;
        z-index: 9;
    }
    .map-list li{
        width: 64px;
        height: 44px;
        position: relative;
        cursor:pointer; 
        color: #ffffff;
        list-style: none;
        display: inline-block;
    }
    .map-list li img{
        width: 64px;
        height: 44px;
    }
    .map-list li.active .mapchoose-border{
        background:url(images/layout/map-type-border-shadow.png) center center no-repeat;
    }
   /* .map-list li .mapchoose-border{
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background:url(images/layout/map-type-border.png) center center no-repeat;
    }*/

    .map-list li p {
        position: absolute;
        top: 30px;
        left: 0px;
        background: #1065ba;
        height: 12px;
        line-height: 12px;
        text-align: center;
        font-size: 12px;
        color: #fff;
        width: 100%;
        padding-top: 5px;
    }

    </style>
    
    <link rel="stylesheet" href="scripts/vendor/leaflet/leaflet.css">
    <link rel="stylesheet" href="styles/update.css">
    <script type="text/javascript" src="config/config.js"></script>
    <script type="text/javascript" src="scripts/vendor/jquery/jquery-1.9.0.js"></script>
    <script type="text/javascript" src="scripts/vendor/leaflet/leaflet.js"></script>
    <script data-main="scripts/updateBrowser.js" type="text/javascript" src="scripts/vendor/require/require.min.js"></script>

</head>

<body>
    <div id="logo"><img src="config/logo.png"></div>
    <div id="mapHolder"></div>
    <div id="tiShiGengXin">
        请更新浏览器或插件体验更多功能 <a href="javascript:;">更新</a>
        <!-- <div class="closeTS"></div> -->
    </div>
    <div id="update">
        <button type="button" class="close"></button>
        <div class="dc">
        <a href="/soft/chrome_64.zip">本地下载（64位）</a>
        <a href="/soft/chrome_32.zip">本地下载（32位）</a></div>
        <!-- <a href="/soft/chrome.zip" class="downC"></a> -->
        <img src="images/layout/update.jpg">
        
    </div>

    <div id="updateWin7">
        <button type="button" class="close"></button>
        <div class="dc">
            <a href="/soft/IE11.zip">本地下载</a>
        </div>
        <img src="images/layout/update.png">
    </div>

    <ul class="map-list">
        <li class="baseSatellite active" mid="gr">
            <img src="images/layout/yingxiang.png">
            <p class="name">影像图</p>
            <div class="mapchoose-border"></div>
        </li>
        <li class="baseTerrain" mid="gt">
            <img src="images/layout/dishi.png">
            <p class="name">地势图</p>
            <div class="mapchoose-border"></div>
        </li>
        <li class="baseStreet" mid="gm">
            <img src="images/layout/jiaot.png">
            <p class="name">线划图</p>
            <div class="mapchoose-border"></div>
        </li>
    </ul>
    <script type="text/javascript">
        var version = navigator.userAgent;
        var verIdx = version.split("Windows NT ")[1];
        var cv = verIdx.slice(0,1);
        if(cv >= 6){
            $("#updateWin7").show();
            $("#updateWin7").addClass('updateV');
            $("#update").removeClass('updateV');
            $("#update").hide();
        }else if(cv < 6){
            $("#update").show();
            $("#update").addClass('updateV');
            $("#updateWin7").removeClass('updateV');
            $("#updateWin7").hide();
        }
    </script>
</body>

</html>