tedp
Version:
terra dp init
124 lines (103 loc) • 3.35 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="./dist/tumap.js"></script>
<style>
* {
margin: 0;
padding: 0;
}
#mapContainer{
position:absolute;
width:100%;
height:100%;
}
.control-box{
position:absolute;
right:10px;
top:5px;
min-width: 100px;
min-height: 40px;
background:rgba(0,0,0,.5);
border:1px solid rgba(255,255,255,.8);
border-radius: 6px;
overflow: hidden;
color:#fff;
font-size:13px;
padding: 5px;
box-sizing: border-box;
}
.control-box>input{
height:25px;
line-height:25px;
cursor: pointer;
padding: 2px 5px;
box-sizing: border-box;
margin:0;
}
</style>
</head>
<body>
<!--地图容器-->
<div id="mapContainer"></div>
<div class="control-box">
<input type="button" value="开始巡查" onclick="startLook()" >
<input type="button" value="停止巡查" onclick="stopLook()" >
</div>
<script type="text/javascript">
var map = TUMap.createMap({
//地图容器
id:"mapContainer",
//UE4服务地址 必须设置 当前示例以地址栏地址 为服务地址 ，用户需要替换为自己的服务地址
url:window.parent.window.exampleServerUrl ,//"http://localhost:81/",
//初始化完成回调函数
onInit: function(){
startLook();
},
}) ;
//定义几个巡查目标点做测试
var positionArr = [
{x:36.81,y:-78.35,z:44.4,roll:0,pitch:0,yaw:-46},
{x:25.14,y:-10.52,z:5.1,roll:0,pitch:-17,yaw:224},
{x:-110,y:-90,z:160,roll:0,pitch:-50,yaw:70},
] ;
//当前角度
var currentPosition = 0 ;
//定点巡航
function startLook(){
var position = positionArr[currentPosition];
//巡航到某个位置 时长7秒
map.flyTo(position.x,position.y,position.z,position.roll,position.pitch,position.yaw,function(){
alert("巡航结束");
},7) ;
//巡航到某个位置 时长7秒
map.flyTo(position.x,position.y,position.z,position.roll,position.pitch,position.yaw,function(){
alert("巡航结束222222");
},7) ;
map.focusOn(
new TUVector3(position.x, position.y, position.z),
new TURotator(position.roll,position.pitch, position.pitch),
position.distance,
function(){
alert("聚焦结束") ;
},5
) ;
map.focusOn(
new TUVector3(position.x, position.y, position.z),
new TURotator(position.roll,position.pitch, position.pitch),
position.distance,
function(){
alert("聚焦结束2222") ;
},5
) ;
currentPosition = (currentPosition+1)%positionArr.length ;
}
//巡航过程中可以停止
function stopLook() {
map.cancelFlight();
}
</script>
</body>
</html>