sdkdemo
/
index.html

<!DOCTYPE html>
<html>
<link rel="shortcut icon" href="src/static/image/logo.png">
<head>
    <meta charset="utf-8">
    <title>SmarthEarth-SDK示例</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="src/layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="src/layuiadmin/style/admin.css" media="all">
    <link type="text/css" rel="stylesheet" href="src/css/index.css">
    <script>
        /^http(s*):\/\//.test(location.href) || alert('请先部署到 localhost 下再访问');
    </script>
    <style>
        .layui-body {
            top: 50px!important;
            background-color: #000000;
        }
        .site-demo-editor textarea{
            position: absolute;
            width: 100%;
            height: 700px;
            padding: 10px;
            border: none;
            resize: none;
            background-color: #13151A;
            color: #999;
            font-family: Courier New;
            font-size: 12px;
            -webkit-box-sizing: border-box !important;
            -moz-box-sizing: border-box !important;
            box-sizing: border-box !important;
        }
        #LAY_editor{
            position: unset!important;
        }
        .fn_list{
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 999;
            background-color: #f5f5f5;
            overflow-y: auto;
        }
        .category{
            padding: 10px 20px ;
        }
        .content{
            padding: 20px 10px;
            overflow: hidden;
            /*border: 1px #1E9FFF solid;*/
            /*margin-bottom: 10px;*/
            margin-bottom: 20px;
            background: #ffffff;
            border-radius: 5px;
        }
        .fn_img{
            width: 100%;
        }
        .fn_img ul li{
            float: left;
            width: 250px;
            height: 235px;
            margin: 10px 25px 0px 0px ;
            background-color: #f9f9f9;
            box-shadow: 7px 7px 8px #888888;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            cursor: pointer;
            transition: transform 0.2s;
            -moz-transition: transform 0.2s;
            -webkit-transition: transform 0.2s;
            -o-transition: transform 0.2s;
        }
        .fn_img ul li:hover{
            -moz-transform:scale(1.05,1.05);
            -webkit-transform:scale(1.05,1.05);
            -o-transform:scale(1.05,1.05);
        }
        .fn_img ul li img{
            width: 250px;
            height: 200px;
        }
        .img_info{
            width: 100%;
            height: 35px;
            text-align: center;
            font-weight: bold;
            line-height: 35px;
            font-size: 14px;
        }
        fieldset{
            color: #1a8692!important;
            border-color: #1a8692!important;
        }
        .fn_title h3{
            /*background: #1E9FFF;*/
            /*width: 100%;*/
            /*height: 40px;*/
            /*line-height: 40px;*/
            /*text-indent: 10px;*/
            /*color: #fff;*/
            /*border-radius: 5px;*/
            font-weight: bold;
        }
        .layui-nav-itemed>.layui-nav-child {
            background: unset!important;
        }
        .layui-nav-bar{
            display: none!important;
        }
        .layui-logo span, .layui-nav-item cite, .layui-nav-child a{
            color:#fff!important;
        }
        .level1 {
            width: 50%;
            margin:5px auto;
            height: 30px!important;
            border-radius: 5px;
            line-height: 30px!important;
        }
        .layui-nav-child dd{
            width: 85%;
            margin: auto;
            border-radius: 5px!important;
        }
        .nav_child_add{
            background: #67aeea!important;
        }
        .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a{
            border-radius: 5px!important;
        }
        .layui-side-menu .layui-nav .layui-nav-item .layui-icon{
            top: 58%!important;
            color: #fff;
        }
        .layui-side-menu .layui-nav {
            margin-top: 65px!important;
        }
        legend{
            font-weight: bold!important;
        }
        .layui-side-menu, .layadmin-setTheme-side, .layui-layout-admin .layui-logo {
            background: #0085E8!important;
        }
        .layui-layout-admin .layui-header{
            background: #1E9FFF!important;
        }
        .layadmin-flexible a{
            color:#fff !important;
        }
        .layadmin-side-shrink .layui-layout-admin .layui-logo {
            padding: 0;
        }
        .layadmin-side-shrink .layui-layout-admin .layui-logo img {
            width: 35px;
            height: 35px;
        }
    </style>
</head>
<body class="layui-layout-body">

    <div id="LAY_app">
        <div class="layui-layout layui-layout-admin">
            <div class="layui-header">
                <!-- 头部区域 -->
                <ul class="layui-nav layui-layout-left">
                    <li class="layui-nav-item layadmin-flexible" lay-unselect>
                        <a href="javascript:;" layadmin-event="flexible" title="侧边伸缩">
                            <i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i>
                        </a>
                    </li>
                    <li class="layui-nav-item layadmin-flexible" lay-unselect>
                        <a href="src/mapsdk/Analysis.html" target="_blank" title="API文档">
                            SDK文档链接
                        </a>
                    </li>
                </ul>
                <ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">
                    <!--<li class="layui-nav-item layui-hide-xs" lay-unselect>-->
                        <!--<a href="javascript:;" layadmin-event="theme">-->
                            <!--<i class="layui-icon layui-icon-theme"></i>-->
                        <!--</a>-->
                    <!--</li>-->
                    <li class="layui-nav-item layui-hide-xs" lay-unselect>
                        <a href="javascript:;" layadmin-event="fullscreen">
                            <i class="layui-icon layui-icon-screen-full"></i>
                        </a>
                    </li>
                </ul>
            </div>

            <!-- 侧边菜单 -->
            <div class="layui-side layui-side-menu">
                <div class="layui-side-scroll">
                    <div class="layui-logo" lay-href="home/console.html">
                        <span>SmarthEarth-SDK示例</span>
                        <img src='http://36.7.136.132:1988/sdkdemo/src/static/image/logo.png'>
                    </div>

                    <ul class="layui-nav layui-nav-tree" lay-shrink="all" id="LAY-system-side-menu" lay-filter="layadmin-system-side-menu">
                    </ul>
                </div>
            </div>
            <!-- 主体内容 -->
            <div class="layui-body" id="LAY_app_body">
                <div class="layadmin-tabsbody-item layui-show">
                    <!--功能列表-->
                    <div class="fn_list"></div>

<!--                    <iframe name="demoFun" id="demoFun" src="home/demo.html" frameborder="0" class="layadmin-iframe"></iframe>-->
                </div>
            </div>

            <!-- 辅助元素，一般用于移动设备下遮罩 -->
            <div class="layadmin-body-shade" layadmin-event="shade"></div>
        </div>
    </div>
    <script src="src/js/plugin/jquery-2.0.3.js"></script>
    <script src="src/layuiadmin/layui/layui.js"></script>
    <script src="src/js/index.js"></script>
    <!--地形-->
    <script src="src/js/cs/TETerrainProviderSeven.js"></script>
    <script>

  </script>
</body>
</html>