<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
<html>
|
|
<head>
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
<meta http-equiv="X-UA-Compatible" content="IE=10">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no" />
|
<title>江西省智慧湿地综合信息平台</title>
|
<link rel="stylesheet" href="Style/layout.css" />
|
<link rel="stylesheet" href="Style/style.css" media="screen" type="text/css" />
|
<link rel="stylesheet" href="Style/zTreeStyle/zTreeStyle.css" />
|
<script type="text/javascript" src="Scripts/JS/jquery-1.8.3.js"></script>
|
<!--引用ztree布局的js文件-->
|
<script type="text/javascript" src="Scripts/JS/jquery.ztree.all.js"></script>
|
<script type="text/javascript" src="SuperMap.Include.js"></script>
|
</head>
|
|
<body>
|
<div class="main">
|
<div class="main-left" id="mainLeft">
|
<div class="MapBrowse-widget">
|
<!--<h2 class="space-til"><img src="images/main-left/dimensional.png" style="margin-top:5px;"/></h2>-->
|
<div class="three-left-box">
|
<p class="three-subject"><span id="flyTc" class="on">图层管理<img class="th-img"/></span></p>
|
<div class="map-box" id="threeLayer">
|
<!-- <div class="space-box cond-nf" style="margin: 9px;height: 33px;" id="MapBrowseYear">
|
<span class="cond-til">选择数据年份：</span>
|
<select>
|
</select>
|
</div> -->
|
<ul id="treeDemo" class="ztree"></ul>
|
</div>
|
<p class="three-subject-other"><span id="flyGl" class="tw">飞行管理<img class="th-img"/></span></p>
|
<div id="threeFlyMag">
|
<p class="three-top-box"><!--<span class="ic-1">1</span>--><span class="zi">沿线飞行</span><!--<span class="gt">!</span>--></p>
|
<div class="three-paly">
|
<input id="play1" type="button" data="播放">
|
<input id="stop1" type="button" data="停止">
|
<input id="speed-1" type="button" data="减速">
|
<input id="speed-2" type="button" data="加速" style="margin-top:5px;">
|
</div>
|
<div class="three-fly">
|
<span>飞行线路：</span>
|
<div>
|
<select id="filePath" name="filePath" onchange="fromFile(this.id)">
|
</select>
|
<!--<input type="file" id="openfile" onchange="fromFile(this.files)" />-->
|
</div>
|
</div>
|
<p class="three-top-box"><!--<span class="ic-1">2</span>--><span class="zi">飞行定制</span><!--<span class="gt">!</span>--></p>
|
<div class="three-fly-mag">
|
<div style="margin: 1px 2px;">
|
<input id="xml" type="image" src="images/Route_32.png" title="新建路线" value="新建">
|
<input id="addstop" type="image" src="images/Route_stop.png" title="添加站点" value="添加站点" disabled="disabled">
|
<input id="save" type="image" src="images/RouteSave.png" title="保存路线" value="保存" disabled="disabled">
|
<input id="del" type="image" src="images/Delete.png" title="删除当前飞行路线" value="删除" disabled="disabled">
|
</div>
|
<div id="stopslist" style="display: none;">飞行路线：</div>
|
<ul id="stops"></ul>
|
</div>
|
<!-- <div class="three-fly-du">
|
<div class="three-fly-jd"><span>经度：</span><input id="longitude" type="text" value="" /></div>
|
<div class="three-fly-jd"><span>纬度：</span><input id="latitude" type="text" value="" /></div>
|
</div> -->
|
<div class="three-fly-scll">
|
<span>飞行速度：</span>
|
<input id="flyspeed" type="text" value="" />m/s<input id="btnOk1" type="button" value="设置" />
|
<!--<div class="space-silde">
|
<div id="sliders"></div>
|
</div>-->
|
</div>
|
<div class="three-fly-du">
|
<div><input id="open-speed" type="checkbox" />使用站点速度</div>
|
<div class="three-fly-sd"><span>速度：</span>
|
<input id="speed" type="text" disabled="disabled" value="" />m/s<input id="btnOk" type="button" value="确定修改" disabled="disabled" />
|
</div>
|
<div class="three-fly-du three-mag">
|
<input id="play2" type="button" value="飞行" class="three-fly-an" disabled = "disabled"/>
|
<input id="pause2" type="button" value="暂停" class="three-fly-an" disabled = "disabled" />
|
<input id="stop2" type="button" value="停止" class="three-fly-an" disabled = "disabled"/>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
|
</div>
|
</div>
|
|
<iframe id="left-hidden" class="siderbutton-normal" allowtransparency="true" frameborder="0" scrolling="no" src="Files/left_hidden.html" style="left: 315px; background-color: rgba(0,0,0,0.1); filter:alpha(opacity = 10);">
|
</iframe>
|
|
|
<!--地物点击事件-->
|
<iframe id="infoWindow" src="Files/wetinfo.html" style="position: absolute;top: 10px; border-radius: 10px;z-index: 1000; display:none;left:315px" frameborder="0" scrolling="auto">
|
</iframe>
|
<!--<div class="siderbutton-normal" id="dianji"></div>-->
|
<div class="main-right" id="mainRight" style="left: 315px;">
|
<!--<iframe id="Addtianditu" src="Files/Addtianditu.html" frameborder="0" scrolling="no">-->
|
</iframe>
|
<div id="sceneControlDiv">
|
</div>
|
</div>
|
|
</body>
|
|
<script type="text/javascript" src="Scripts/JS/jquery-ui-1.8.18.custom.min.js"></script>
|
<script src="../jcyj/js/dataShow.js"></script>
|
<script type="text/javascript" src="Scripts/JS/3D-Main.js"></script>
|
<script type="text/javascript" src="Scripts/JS/SelectQuery1.js"></script>
|
|
<script type="text/javascript" src="Scripts/JS/zNode.js"></script>
|
|
<script type="text/javascript">
|
$("#open-speed").change(function() {
|
if($("#open-speed").is(':checked')) {
|
$("#speed").removeAttr("disabled");
|
} else {
|
$("#speed").attr("disabled", "disabled");
|
}
|
});
|
|
$("#btnOk").click(function() {
|
// var s = $(this).index();
|
// alert("我点击了")
|
if(it != -1) {
|
flystop_l(it);
|
}
|
|
});
|
|
$("#btnOk1").click(function() {
|
// var s = $(this).index();
|
flySpeed();
|
|
|
});
|
// $('#sliders').slider({
|
// disabled: false, //是否可用，true不可用 false即可用的
|
// animate: true, //代表是采用动画效果
|
// max: 100, //滑块的最大值是100
|
// min: 0, //滑块的最小值
|
// value: 0, //滑块的默认值
|
// //orientation:'versvfvtical', //滑块的方向是垂直的还是水平的 horizontal
|
// range: false
|
// });
|
// //采用bind绑定的方式执行 event事件
|
// $('#sliders').bind('stopslider', function(event, ui) {
|
// //alert('开始执行');
|
// });
|
$('#flyTc').click(function() {
|
if($(this).hasClass('on')) {
|
$('#threeLayer').slideUp("slow");
|
$(this).removeClass('on');
|
} else {
|
$('#threeLayer').slideDown("slow");
|
$(this).addClass('on');
|
};
|
|
});
|
|
$('#flyGl').click(function() {
|
if($(this).hasClass('tw')) {
|
$('#threeFlyMag').slideUp("slow");
|
$(this).removeClass('tw');
|
} else {
|
$('#threeFlyMag').slideDown("slow");
|
$(this).addClass('tw');
|
}
|
|
});
|
|
//初始化界面加载图层要素
|
$(document).ready(function() {
|
//Initialize_layer();
|
$(".three-fly-mag input").click(function(e) {
|
var name = e.target.value;
|
switch(name) {
|
case "新建":
|
createXml();
|
break;
|
case "添加站点":
|
addStops();
|
break;
|
case "保存":
|
saveXml();
|
break;
|
case "删除":
|
delXml();
|
break;
|
default:
|
break;
|
}
|
});
|
$(".three-mag input").click(function(e) {
|
var name = e.target.value;
|
switch(name) {
|
case "飞行":
|
play();
|
break;
|
case "暂停":
|
pause();
|
break;
|
case "停止":
|
stop();
|
break;
|
default:
|
break;
|
}
|
});
|
});
|
</script>
|
|
</html>
|
