<!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>
|
.layui-form {
|
color: white;
|
width: 420px;
|
}
|
|
.layui-form-item {
|
height: 35px;
|
}
|
|
.layui-form-label {
|
width: auto;
|
}
|
</style>
|
</head>
|
|
<body>
|
<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
|
<!--[if lt IE 9]>
|
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
|
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
|
<![endif]-->
|
<form class="layui-form" action="" lay-filter="example">
|
<div class="layui-form-item" style="padding-left:10px;">
|
<!-- <button type="button" class="layui-btn" onclick="roamDraw()">绘制漫游路径</button> -->
|
<button type="button" class="layui-btn" onclick="roaming()">开始漫游</button>
|
<button type="button" class="layui-btn" onclick="stopRoaming()">结束漫游</button>
|
<!-- <button type="button" class="layui-btn" onclick="measureArea()">空间面积</button> -->
|
</div>
|
<div style="margin-left: 15px;">操作提示：W前进，S后退，A向左，D向右，Q向上，E向下，鼠标点击拖动控制调整视角</div>
|
<!-- <div style="margin-left: 15px;">空间距离和空间面积单击鼠标左键确定节点，单击鼠标右键确定终点。</div> -->
|
</form>
|
<script>
|
function roaming(){
|
parent.controlStart();
|
}
|
function stopRoaming(){
|
parent.controlEnd();
|
}
|
</script>
|
</body>
|
|
</html>
|
