wangzhibo
2021-09-07 89da62649161571834d3f8df7ce36f9967e6ba04
widgets/roamFly/view.html
@@ -1,2 +1,147 @@
<!-- 2021-3-29 20:28:04 | 版权所有 色宁科技 http://marsgis.cn -->
<!DOCTYPE html><html class="no-js css-menubar" lang="zh-cn"><head><title>&#x5F39;&#x7A97;&#x5B50;&#x9875;&#x9762;</title><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui"><meta name="author" content="&#x706B;&#x661F;&#x79D1;&#x6280; http://mars3d.cn "><meta name="renderer" content="webkit"><link rel="icon" type="image/png" href="../../img/favicon/favicon.png"><meta name="mobile-web-app-capable" content="yes"><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="&#x706B;&#x661F;&#x79D1;&#x6280;MarsGIS"><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"><script src="../../lib/include-lib.js?time=20210329" libpath="../../lib/" include="jquery,font-awesome,bootstrap,jquery.range,admui-frame"></script><link href="../../css/widget-win.css" rel="stylesheet"><link href="view.css?time=20210329" rel="stylesheet"></head><body><div class="mp_head2"><div class="btn-group" role="group"><button id="btnFlyStop" title="&#x505C;&#x6B62;&#x6F2B;&#x6E38;" class="btn btn-primary btn-sm"><span class="fa fa-play-circle-o"></span> &#x505C;&#x6B62;&#x6F2B;&#x6E38;</button> <button id="btnSelChars" title="&#x67E5;&#x770B;&#x5256;&#x9762;&#x56FE;" class="btn btn-primary btn-sm"><span class="fa fa-area-chart"></span> &#x67E5;&#x770B;&#x5256;&#x9762;&#x56FE;</button></div></div><table class="mp_table"><tr><td class="nametd">&#x8DEF;&#x7EBF;&#x540D;&#x79F0;</td><td id="td_name"></td></tr><tr><td class="nametd">&#x89C6;&#x89D2;&#x6A21;&#x5F0F;</td><td><select id="cameraType" class="mp_select" data-value="2"><option value>&#x65E0;</option><option value="gs">&#x8DDF;&#x968F;&#x89C6;&#x89D2;</option><option value="dy">&#x9501;&#x5B9A;&#x7B2C;&#x4E00;&#x89C6;&#x89D2;</option><option value="sd">&#x9501;&#x5B9A;&#x4E0A;&#x5E1D;&#x89C6;&#x89D2;</option></select></td></tr><tr id="tr_followedX" title="&#x8DDD;&#x79BB;&#x6F2B;&#x6E38;&#x5BF9;&#x8C61;&#x7684;&#x6C34;&#x5E73;&#x8DDD;&#x79BB;&#xFF0C;&#x5355;&#x4F4D;&#xFF1A;&#x7C73;"><td class="nametd">&#x89C6;&#x89D2;&#x8DDD;&#x79BB;</td><td><input id="followedX" type="number" min="0" max="99999" value="1" class="mp_input"></td></tr><tr id="tr_followedZ" title="&#x8DDD;&#x79BB;&#x6F2B;&#x6E38;&#x5BF9;&#x8C61;&#x7684;&#x9AD8;&#x5EA6;&#xFF0C;&#x5355;&#x4F4D;&#xFF1A;&#x7C73;"><td class="nametd">&#x89C6;&#x89D2;&#x9AD8;&#x5EA6;</td><td><input id="followedZ" type="number" min="0" max="99999" value="0" class="mp_input"></td></tr><tr><td class="nametd">&#x603B;&#x957F;&#x5EA6;</td><td id="td_alllength"></td></tr><tr><td class="nametd">&#x5DF2;&#x6F2B;&#x6E38;&#x957F;&#x5EA6;</td><td id="td_length"></td></tr><tr><td class="nametd">&#x603B;&#x65F6;&#x957F;</td><td id="td_alltimes"></td></tr><tr><td class="nametd">&#x5DF2;&#x6F2B;&#x6E38;&#x65F6;&#x95F4;</td><td id="td_times"></td></tr><tr><td class="nametd">&#x7ECF;&#x5EA6;</td><td id="td_jd"></td></tr><tr><td class="nametd">&#x7ECF;&#x5EA6;</td><td id="td_wd"></td></tr><tr><td class="nametd">&#x6F2B;&#x6E38;&#x9AD8;&#x7A0B;</td><td id="td_gd"></td></tr><tr><td class="nametd">&#x5730;&#x9762;&#x9AD8;&#x7A0B;</td><td id="td_dmhb"></td></tr><tr id="tr_ldgd"><td class="nametd">&#x79BB;&#x5730;&#x8DDD;&#x79BB;</td><td id="td_ldgd"></td></tr><tr><td colspan="2" style="width:100%;text-align:center"><div class="progress"><div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">0%</div></div></td></tr></table><script src="view.js?time=20210329"></script></body></html>
<!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" />
    <meta name="author" content="火星科技 http://mars3d.cn " />
    <!-- 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=20210803"
      libpath="../../lib/"
      include="jquery,font-awesome,bootstrap,jquery.range,admui-frame"
    ></script>
    <link href="../../css/widget-win.css" rel="stylesheet" />
    <link href="view.css?time=20210803" rel="stylesheet" />
  </head>
  <body>
    <div class="mp_head2">
      <div class="btn-group" role="group">
        <button id="btnFlyStop" title="停止漫游" class="btn btn-primary btn-sm"><span class="fa fa-play-circle-o"></span> 停止漫游</button>
        <button id="btnSelChars" title="查看剖面图" class="btn btn-primary btn-sm"><span class="fa fa-area-chart"></span> 查看剖面图</button>
      </div>
    </div>
    <table class="mp_table">
      <tr>
        <td class="nametd">路线名称</td>
        <td id="td_name"></td>
      </tr>
      <!--<tr>
            <td class="nametd">速度</td>
            <td>
                <input id="multiplier" type="number" min="-9999" max="9999"  value="1" class="mp_input" />
            </td>
        </tr>-->
      <tr>
        <td class="nametd">视角模式</td>
        <td>
          <select id="cameraType" class="mp_select" data-value="2">
            <option value="">无</option>
            <option value="gs">跟随视角</option>
            <option value="dy">锁定第一视角</option>
            <option value="sd">锁定上帝视角</option>
          </select>
        </td>
      </tr>
      <tr id="tr_followedX" title="距离漫游对象的水平距离,单位:米">
        <td class="nametd">视角距离</td>
        <td>
          <input id="followedX" type="number" min="0" max="99999" value="1" step="0.1" class="mp_input" />
        </td>
      </tr>
      <tr id="tr_followedZ" title="距离漫游对象的高度,单位:米">
        <td class="nametd">视角高度</td>
        <td>
          <input id="followedZ" type="number" min="0" max="99999" value="0" step="0.1" class="mp_input" />
        </td>
      </tr>
      <tr id="tr_offsetZ" title="偏离漫游对象的高度,单位:米">
        <td class="nametd">高度偏移值</td>
        <td>
          <input id="offsetZ" type="number" min="-9999" max="9999" value="0" step="0.1" class="mp_input" />
        </td>
      </tr>
      <tr id="tr_offsetY" title="偏离漫游对象的横向值,单位:米">
        <td class="nametd">横向偏移值</td>
        <td>
          <input id="offsetY" type="number" min="-9999" max="9999" value="0" step="0.1" class="mp_input" />
        </td>
      </tr>
      <tr id="tr_offsetX" title="偏离漫游对象的前后值,单位:米">
        <td class="nametd">前后偏移值</td>
        <td>
          <input id="offsetX" type="number" min="-9999" max="9999" value="0" step="0.1" class="mp_input" />
        </td>
      </tr>
      <tr>
        <td class="nametd">总长度</td>
        <td id="td_alllength"></td>
      </tr>
      <tr>
        <td class="nametd">已漫游长度</td>
        <td id="td_length"></td>
      </tr>
      <tr>
        <td class="nametd">总时长</td>
        <td id="td_alltimes"></td>
      </tr>
      <tr>
        <td class="nametd">已漫游时间</td>
        <td id="td_times"></td>
      </tr>
      <tr>
        <td class="nametd">经度</td>
        <td id="td_jd"></td>
      </tr>
      <tr>
        <td class="nametd">经度</td>
        <td id="td_wd"></td>
      </tr>
      <tr>
        <td class="nametd">漫游高程</td>
        <td id="td_gd"></td>
      </tr>
      <tr>
        <td class="nametd">地面高程</td>
        <td id="td_dmhb"></td>
      </tr>
      <tr id="tr_ldgd">
        <td class="nametd">离地距离</td>
        <td id="td_ldgd"></td>
      </tr>
      <tr>
        <td colspan="2" style="width: 100%; text-align: center">
          <div class="progress">
            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">0%</div>
          </div>
        </td>
      </tr>
    </table>
    <!--页面js-->
    <script src="view.js?time=20210803"></script>
  </body>
</html>