<!DOCTYPE html>
|
<html lang="en">
|
|
<head>
|
<meta charset="UTF-8">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<title>Document</title>
|
<script src="./../JS/jquery-1.8.2.min.js"></script>
|
<script src="../JS/tools.js"></script>
|
<link rel="stylesheet" href="../../csser/layui/css/layui.css">
|
<link rel="stylesheet" href="../../csser/layui/css/bootstrap.min.css">
|
<link rel="stylesheet" href="../../csser/layui/css/zzsc.css">
|
<link rel="stylesheet" href="../../csser/layui/css/checkbox.css">
|
|
<link rel="stylesheet" href="../../csser/layui/css/jquery.dad.css">
|
<link rel="stylesheet" href="../../csser/layui/css/jquery.mCustomScrollbar.css">
|
<style>
|
body,
|
html {
|
height: 100%;
|
width: 100%;
|
margin: 0;
|
overflow: hidden;
|
padding: 0;
|
padding: 0;
|
background: rgba(0, 0, 0, 1);
|
color: white;
|
}
|
|
#bottomMenu {
|
height: 100%;
|
width: 95%;
|
margin: 0;
|
padding: 0;
|
/* background: url('../Image/BottoMenu.png'); */
|
display: flex;
|
padding-left: 5%;
|
}
|
|
.image {
|
width: 36 px;
|
height: 36 px;
|
position: absolute;
|
left: 50%;
|
transform: translateX(-50%);
|
margin-top: -20px;
|
}
|
|
.menu_div {
|
margin: 50px 25px;
|
position: relative;
|
text-align: center
|
}
|
|
.menu_border {
|
display: flex;
|
border-left: 1px solid white;
|
height: 40px;
|
margin-top: 15px;
|
}
|
|
.meun_top {
|
margin-top: -20px;
|
}
|
|
.menu_left {
|
margin-left: 40px;
|
}
|
</style>
|
</head>
|
|
<body>
|
<div id="bottomMenu">
|
<div style="display: flex;" class="meun_top menu_left">
|
<div class="menu_div" onclick="bottommenu(0)">
|
<img src="../Image/bottom/gongchengshu.png" alt="" class="image">
|
<br>
|
<span>工程树</span>
|
</div>
|
<div class="menu_div" onclick="bottommenu(1)">
|
<img src="../Image/bottom/图层 19.png" alt="" class="image">
|
<br>
|
<span>文本</span>
|
</div>
|
<div class="menu_div" onclick="bottommenu(2)">
|
<img src="../Image/bottom/图层 18.png" alt="" class="image">
|
<br>
|
<span>图片</span>
|
</div>
|
</div>
|
<div class="menu_border"></div>
|
<div style="display: flex;" class="meun_top">
|
<div class="menu_div" onclick="bottommenu(3)">
|
<img src="../Image/bottom/图层 20.png" alt="" class="image">
|
<br>
|
<span>查询</span>
|
</div>
|
<div class="menu_div" onclick="bottommenu(4)">
|
<img src="../Image/bottom/图层 21.png" alt="" class="image">
|
<br>
|
<span>距离</span>
|
</div>
|
<div class="menu_div" onclick="bottommenu(5)">
|
<img src="../Image/bottom/图层 22.png" alt="" class="image">
|
<br>
|
<span>区域选择</span>
|
</div>
|
</div>
|
<div class="menu_border"></div>
|
<div style="display: flex;" class="meun_top">
|
<div class="menu_div" onclick="bottommenu(6)">
|
<img src="../Image/bottom/图层 23.png" alt="" class="image">
|
<br>
|
<span>等高线图</span>
|
</div>
|
<div class="menu_div" onclick="bottommenu(7)">
|
<img src="../Image/bottom/图层 24.png" alt="" class="image">
|
<br>
|
<span>坡度图</span>
|
</div>
|
<div class="menu_div" onclick="bottommenu(8)">
|
<img src="../Image/bottom/图层 25.png" alt="" class="image">
|
<br>
|
<span>最佳路径分析</span>
|
</div>
|
<div class="menu_div" onclick="bottommenu(9)">
|
<img src="../Image/bottom/图层 26.png" alt="" class="image">
|
<br>
|
<span>地形剖面分析</span>
|
</div>
|
<!-- <div class="menu_div" onclick="bottommenu(10)">
|
<img src="../Image/bottom/图层 27.png" alt="" class="image">
|
<br>
|
<span>资源储量计算</span>
|
</div> -->
|
<div class="menu_div" onclick="bottommenu(11)">
|
<img src="../Image/bottom/图层 28.png" alt="" class="image">
|
<br>
|
<span>三维截面分析</span>
|
</div>
|
</div>
|
<div class="menu_border"></div>
|
<div style="display: flex; " class="meun_top">
|
<div class="menu_div" onclick="bottommenu(12)">
|
<img src="../Image/bottom/椭圆 1.png" alt="" class="image">
|
<br>
|
<span>时间滑块</span>
|
</div>
|
<div class="menu_div" onclick="bottommenu(13)">
|
<img src="../Image/bottom/形状 5 拷贝 3.png" alt="" class="image">
|
<br>
|
<span>太阳</span>
|
</div>
|
<div class="menu_div" onclick="bottommenu(14)">
|
<img src="../Image/bottom/图层 8 拷贝.png" alt="" class="image">
|
<br>
|
<span>阴影</span>
|
</div>
|
</div>
|
</div>
|
<script>
|
function bottommenu(rest) {
|
if (rest == 0) {
|
window.external.loadMainWebFunc('showbottomtool', 'b0');
|
} else if (rest == 1) {
|
window.external.loadMainWebFunc('showbottomtool', 'b1');
|
} else if (rest == 2) {
|
window.external.loadMainWebFunc('showbottomtool', 'b2');
|
} else if (rest == 3) {
|
window.external.loadMainWebFunc('showbottomtool', 'b3');
|
} else if (rest == 4) {
|
window.external.loadMainWebFunc('showbottomtool', 'b4');
|
} else if (rest == 5) {
|
window.external.loadMainWebFunc('showbottomtool', 'b5');
|
} else if (rest == 6) {
|
window.external.loadMainWebFunc('showbottomtool', 'b6');
|
} else if (rest == 7) {
|
window.external.loadMainWebFunc('showbottomtool', 'b7');
|
} else if (rest == 8) {
|
window.external.loadMainWebFunc('showbottomtool', 'b8');
|
} else if (rest == 9) {
|
window.external.loadMainWebFunc('showbottomtool', 'b9');
|
} else if (rest == 10) {
|
window.external.loadMainWebFunc('showbottomtool', 'bx1');
|
} else if (rest == 11) {
|
window.external.loadMainWebFunc('showbottomtool', 'bx2');
|
} else if (rest == 12) {
|
window.external.loadMainWebFunc('showbottomtool', 'bx3');
|
} else if (rest == 13) {
|
window.external.loadMainWebFunc('showbottomtool', 'bx4');
|
} else if (rest == 14) {
|
window.external.loadMainWebFunc('showbottomtool', 'bx5');
|
}
|
}
|
</script>
|
</body>
|
|
</html>
|
