<!DOCTYPE html>
|
<html>
|
|
<head>
|
<meta charset="UTF-8">
|
<title>空间量算</title>
|
<link href="../../libs/layui/css/layui.css" rel="stylesheet">
|
<script type="text/javascript" src="../../libs/jquery/jquery-3.5.1.min.js"></script>
|
<script type="text/javascript" src="../../libs/layui/layui.js"></script>
|
<style>
|
|
.btn-group {
|
overflow-x: hidden;
|
overflow-y: auto;
|
display: flex;
|
align-items: flex-start;
|
flex-wrap: wrap;
|
margin-left: 22px;
|
}
|
|
.tool-btn {
|
cursor: pointer;
|
user-select: none;
|
min-width: 62px;
|
height: 96px;
|
box-sizing: border-box;
|
margin: 0 30px 10px 0;
|
text-align: center;
|
padding-top: 12px;
|
}
|
|
.tool-thum {
|
transition: all .2s ease;
|
width: 50px;
|
height: 50px;
|
margin: 0 auto;
|
border-radius: 50%;
|
margin-bottom: 10px;
|
background: #fd960f;
|
cursor: pointer;
|
}
|
|
.tool-thum:hover{
|
box-shadow:0 0 8px #fff, 0 0 8px #fff;
|
}
|
|
.btn_none {
|
background: 0 0;
|
color: #fff;
|
}
|
|
.tool-thum img {
|
width: 24px;
|
height: 24px;
|
margin: 13px;
|
}
|
</style>
|
</head>
|
|
<body title="提示：单击按钮激活对应功能,在地图上单击开始，绘制中单击增加点、双击结束。">
|
<div class="btn-group">
|
<div id="" class="tool-btn" onclick="parent.measureLineDistance()">
|
<div class="tool-thum" style="background:#dd751b">
|
<img src="image/measure-length.svg" alt="空间測量">
|
</div>
|
<span class="btn_none">空间距离</span>
|
</div>
|
<div id="" class="tool-btn" onclick="parent.measureArea()">
|
<div class="tool-thum" style="background:#88b8ff">
|
<img src="image/measure-area.svg" alt="空间面积">
|
</div>
|
<span class="btn_none">空间面积</span>
|
</div>
|
<div id="" class="tool-btn" onclick="parent.measureHight()">
|
<div class="tool-thum" style="background:#37bc41">
|
<img src="image/measure-height-sup.svg" alt="三角测量">
|
</div>
|
<span class="btn_none">三角测量</span>
|
</div>
|
<div>
|
<span style="color:white;margin-left: 15px;">注：空间测量距离单位米</span>
|
</div>
|
<div style="margin-top:10px;" >
|
<button style="margin-left: 60px;" type="button" class="layui-btn layui-btn-small layui-btn-normal layui-btn-radius" onclick="parent.measureClear()">清空测量数据</button>
|
</div>
|
</div>
|
|
|
<script>
|
|
</script>
|
</body>
|
|
</html>
|
