bmh_cesium/public/widgets/roamLine/view.html
2025-03-10 07:23:50 +08:00

245 lines
13 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html class="no-js css-menubar" lang="zh-cn">
<head>
<title>弹窗子页面</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!-- 移动设备 viewport -->
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui">
<!-- 360浏览器默认使用Webkit内核 -->
<meta name="renderer" content="webkit">
<!-- Chrome浏览器添加桌面快捷方式安卓 -->
<link rel="icon" type="image/png" href="../../img/favicon/favicon.png">
<meta name="mobile-web-app-capable" content="yes">
<!-- Safari浏览器添加到主屏幕IOS -->
<link rel="icon" sizes="192x192" href="img/favicon/apple-touch-icon.png">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="火星科技MarsGIS">
<!-- Win8标题栏及ICON图标 -->
<link rel="apple-touch-icon-precomposed" href="../../img/favicon/apple-touch-icon.png">
<meta name="msapplication-TileImage" content="../../img/favicon/app-icon72x72@2x.png">
<meta name="msapplication-TileColor" content="#62a8ea">
<!-- 第3方lib引入 -->
<script type="text/javascript" src="../../lib/include-lib.js?time=20200510" libpath="../../lib/"
include="jquery,jquery.minicolors,font-awesome,bootstrap,bootstrap-checkbox,bootstrap-table,admui-frame"></script>
<link href="../../css/widget-win.css" rel="stylesheet" />
<link href="./css/plot.css" rel="stylesheet" />
<style>
.mp_head2 {
width: 100%;
height: 45px;
line-height: 45px;
text-align: center;
}
</style>
</head>
<body>
<div class="mp_box">
<div class="mp_tab_card">
<ul class="mp_tab_con">
<li class="cur">
<div class="mp_head2">
<div class="btn-group" role="group">
<button id="btn_Add_line" type="button" class="btn btn-primary ">
<span class="fa fa-edit" aria-hidden="true"></span> 新增路线
</button>
<button id="btn_plot_savefile" type="button" class="btn btn-primary ">
<span class="fa fa-edit" aria-hidden="true"></span> 保存路线
</button>
</div>
</div>
<!--预设路线 列表面板-->
<table id="table"></table>
</li>
<li>
<div class="mp_tree">
<div id="view_updateheight">
<div class="open"><i class="tree_icon">-</i>批量修改高程速度(辅助功能)</div>
<div class="mp_attr" style=" margin-top: 10px;">
<table>
<tr>
<td class="nametd">在原值上增加</td>
<td><input id="plot_latlngs_addheight" type="number" class="mp_input" value="" /></td>
</tr>
<tr>
<td class="nametd">全部修改为</td>
<td><input id="plot_latlngs_allheight" type="number" class="mp_input" value=""></td>
</tr>
<tr>
<td class="nametd">速度km/h</td>
<td>
<input id="txtFlySpeedAll" type="number" min="0" max="99999"
value="100" class="mp_input" />
</td>
</tr>
</table>
</div>
</div>
<div>
<div class="open"><i class="tree_icon">-</i>坐标列表</div>
<div id="view_latlngs" class="local">
<!--<div>
<div class="open"><i class="tree_icon">-</i>第1点</div>
<div class="mp_attr">
<table>
<tr>
<td class="nametd">纬度:</td>
<td><input type="text" class="mp_input"></td>
</tr>
<tr>
<td class="nametd">经度:</td>
<td><input type="text" class="mp_input"></td>
</tr>
</table>
</div>
</div>
<div>
<div class="open"><i class="tree_icon">-</i>第2点</div>
<div class="mp_attr">
<table>
<tr>
<td class="nametd">纬度:</td>
<td><input type="text" class="mp_input"></td>
</tr>
<tr>
<td class="nametd">经度:</td>
<td><input type="text" class="mp_input"></td>
</tr>
</table>
</div>
</div>-->
</div>
</div>
</div>
</li>
<li>
<div class="mp_tree">
<div id="attr_style_view">
<div class="open"><i class="tree_icon">-</i>样式信息</div>
<div class="mp_attr">
<table id="talbe_style">
<!--<tr>
<td class="nametd">类型:</td>
<td>折线</td>
</tr>
<tr>
<td class="nametd">是否边框</td>
<td>
<input name="plot_attr_stroke" type="radio" value="1" checked="checked">是 &nbsp;&nbsp; <input name="plot_attr_stroke" type="radio" value="2">否
</td>
</tr>
<tr>
<td class="nametd">线颜色</td>
<td>
<input id="plot_attr_color" type="text" class="mp_input" value="#3388ff">
</td>
</tr>
<tr>
<td class="nametd">线型</td>
<td>
<select id="plot_attr_linetype" class="mp_select" data-value="0">
<option value="0">请选择</option>
<option value="1">实线</option>
<option value="2">虚线</option>
<option value="3">虚点线</option>
<option value="4">点划线</option>
</select>
</td>
</tr>
<tr>
<td class="nametd">线宽</td>
<td><input type="number" class="mp_input"></td>
</tr>-->
</table>
</div>
</div>
<!--<div class="bdt">
<div class="open"><i class="tree_icon">-</i>坐标信息</div>
<div class="local">
<div>
<div class="open"><i class="tree_icon">-</i>第1点</div>
<div class="mp_attr">
<table>
<tr>
<td class="nametd">纬度:</td>
<td><input type="number" class="mp_input"></td>
</tr>
<tr>
<td class="nametd">经度:</td>
<td><input type="number" class="mp_input"></td>
</tr>
</table>
</div>
</div>
<div>
<div class="open"><i class="tree_icon">-</i>第2点</div>
<div class="mp_attr">
<table>
<tr>
<td class="nametd">纬度:</td>
<td><input type="number" class="mp_input"></td>
</tr>
<tr>
<td class="nametd">经度:</td>
<td><input type="number" class="mp_input"></td>
</tr>
</table>
</div>
</div>
</div>
</div>-->
<div class="bdt">
<div class="open"><i class="tree_icon">-</i>属性信息</div>
<div class="mp_attr">
<table id="talbe_attr">
<!--<tr>
<td class="nametd">名称</td>
<td><input type="text" class="mp_input"></td>
</tr>
<tr>
<td class="nametd">备注</td>
<td><input type="text" class="mp_input"></td>
</tr>-->
</table>
</div>
</div>
<div style="margin-top:10px;text-align:center;">
<button id="btnSaveGeoJson" type="button" class="btn btn-default btn-sm">下载JSON</button>
<button id="btnSaveCzml" type="button" class="btn btn-default btn-sm">下载CZML</button>
</div>
<div style="margin-top:10px;text-align:center;">
<button id="btnFlyStart" type="button" class="btn btn-primary">开始漫游</button>
<button id="btnDelete" type="button" class="btn btn-danger">删除路线</button>
</div>
</div>
</li>
</ul>
<ul class="mp_tab_tit">
<li id="tab_plot" class="cur">路线</li>
<li id="tab_latlng" class="disabled">坐标</li>
<li id="tab_attr" class="disabled">属性</li>
</ul>
</div>
</div>
<!--页面js-->
<script src="js/vew.common.js?time=20200510"></script>
<script src="js/vew.work.js?time=20200510"></script>
</body>
</html>