youhua

少年

2024-01-23 490bce6c43f82bef6da1b4cc79827e6f61b30c2e

youhua

 src/components/sideMenu/roamPanel/roamPanel.vue

@@ -35,6 +35,7 @@
window.currentOperator = null;
import store from "@/utils/store.js";
import { roman } from "../../../../static/json/roam.js";
import { layers } from '../../../../static/json/layer.js';
export default {
  name: "LayerPanel",
  data() {
@@ -67,6 +68,39 @@
      ],
    };
  },
  mounted() {
    let newDom = document.createElement("div");
    newDom.className = "dropUp";
    newDom.id = 'drop'
    newDom.innerHTML = "︿";
    newDom.style.position = "absolute";
    newDom.style.left = "43%";
    newDom.style.bottom = "190px";
    newDom.style.width = "60px";
    newDom.style.height = "20px";
    newDom.style.background = "#ffffff";
    newDom.style.color = "black";
    newDom.style.borderRadius = "20px 20px 0px 0px";
    newDom.style.textAlign = "center";
    newDom.style.display = "none";
    newDom.style.zIndex = "999999999";
    document.querySelector("body").appendChild(newDom);
    newDom.onclick = function () {
      if (newDom.className == "dropDown") {       
        newDom.className = "dropUp";
        newDom.innerHTML = "︿";
        newDom.style.bottom = "190px";
        document.querySelector(".layui-layer-iframe").style.height = '200px';
        document.querySelector("iframe").style.height = '100%';

      } else {  
        newDom.className = "dropDown";
        newDom.innerHTML = "﹀";
        newDom.style.bottom = "495px";
        document.querySelector(".layui-layer-iframe").style.height = '500px';   
      }
    };
  },
  methods: {
    // 定点绕飞
    handleAroundClick() {
@@ -83,14 +117,17 @@
      //     //结束路径漫游
      //     this.ljmy();
      // }
      window.pointerFly=sgworld.drawObj = window.currentOperator = sgworld.Analysis.setPointFly();
      window.pointerFly =
        sgworld.drawObj =
        window.currentOperator =
          sgworld.Analysis.setPointFly();
    },
    // 结束顶点绕飞
     setClearPointFly() {
        if (this.pointerFly) {
            this.pointerFly && this.pointerFly.end();
            this.pointerFly = null;
        }
    setClearPointFly() {
      if (this.pointerFly) {
        this.pointerFly && this.pointerFly.end();
        this.pointerFly = null;
      }
    },
    // 漫游
    handleRoamClick(result) {
@@ -115,16 +152,19 @@
          type: 2,
          title: result.name,
          shade: false,
          area: ["100%", "200px"],
          area: ["100%", 'auto'],
          offset: "r",
          skin: "other-class",
          content: SmartEarthRootUrl + "Workers/path/Path.html",
          end: function () {
            document.querySelector("#drop").style.display = "none";
            document.querySelector("#drop").style.display = "none";
            PathAnimationData.fly && PathAnimationData.fly.exit();
            store.setSearchPanelShow(true);
          },
        });
      });
      });  
        document.querySelector("#drop").style.display = "block";
    },
    closeCurrentOperator() {
      if (window.currentOperator) {

 static/SmartEarthSDK/Workers/layui/lay/modules/theme/default/layer.css

@@ -45,7 +45,8 @@
}

.layui-layer-content {
    position: relative
    position: relative;
    height: 100% !important;
}

.layui-layer-border {
@@ -606,7 +607,8 @@

.layui-layer-iframe iframe {
    display: block;
    width: 100%
    width: 100%;
    height: 100% !important;
}

.layui-layer-loading {

 static/SmartEarthSDK/Workers/path/Path.html

@@ -43,13 +43,9 @@

        form {
            width: 95%;
            height: 100%;
            margin: auto;
        }

        html {
            overflow: hidden;
        }


        .layui-input {
            background-color: #fff !important;
@@ -115,9 +111,9 @@
        }


        .fly {
        /* .fly {
            display: none;
        }
        } */

        #flySpeed {
            padding: 19px 0;
@@ -153,110 +149,101 @@
                    </select>
                </div>
            </div>

            <div id="dropDown" style="text-align: center;">
                <i class="layui-icon layui-icon-down"></i>
                <!-- <i class="layui-icon layui-icon-up" id="dropUp"></i> -->
            <div class="layui-form-item fly">
                <label class="layui-form-label">飞行高度</label>
                <div class="layui-input-block">
                    <input id="cameraHeight" type="text" value="0" name="cameraHeight" lay-filter="cameraHeight"
                        class="layui-input" onkeyup="value=value.replace(/[^\d\.\-]/g,'')">
                </div>
            </div>
            <div class="layui-form-item fly notGod">
                <label class="layui-form-label">飞行距离</label>
                <div class="layui-input-block">
                    <input id="cameraDistance" type="text" value="0" name="cameraDistance" lay-filter="cameraDistance"
                        class="layui-input" onkeyup="value=value.replace(/[^\d\.\-]/g,'')">
                </div>
            </div>
            <div class="layui-form-item fly notGod">
                <label class="layui-form-label">俯仰角</label>
                <div class="layui-input-block">
                    <input id="pitch" type="text" value="0" name="pitch" lay-filter="pitch" class="layui-input"
                        onkeyup="value=value.replace(/[^\d\.\-]/g,'')">
                </div>
            </div>
            <div class="layui-form-item ">
                <label class="layui-form-label">漫游速度(m/s)</label>
                <div class="layui-input-block">
                    <div id="flySpeed" class="flySpeed"></div>
                </div>
            </div>
            <div class="layui-form-item norline">
                <label class="layui-form-label">总长度</label>
                <div class="layui-input-block" id="totalLen" style="line-height: 38px;">
                </div>
            </div>
            <div class="layui-form-item norline">
                <label class="layui-form-label">已漫游长度</label>
                <div class="layui-input-block" id="distanceTraveled" style="line-height: 38px;">
                    0
                </div>
            </div>
            <div class="layui-form-item norline">
                <label class="layui-form-label">总时长</label>
                <div class="layui-input-block" id="totalTime" style="line-height: 38px;">
                </div>
            </div>
            <div class="layui-form-item norline">
                <label class="layui-form-label">已漫游时间</label>
                <div class="layui-input-block" id="time" style="line-height: 38px;">
                    0
                </div>
            </div>
            <div class="layui-form-item norline">
                <label class="layui-form-label">是否显示模型</label>
                <div class="layui-input-block">
                    <input id="showModel" type="checkbox" lay-skin="switch" lay-filter="showModel" value="off"
                        lay-text="是|否">
                </div>
            </div>
            <div class="layui-form-item norline">
                <label class="layui-form-label">是否显示路线</label>
                <div class="layui-input-block">
                    <input id="showLine" type="checkbox" lay-skin="switch" lay-filter="showLine" value="off"
                        lay-text="是|否">
                </div>
            </div>
            <div class="layui-form-item ">
                <label class="layui-form-label">速度</label>
                <div class="layui-input-block" id="sd" style="line-height: 38px;">
                    50m/s
                </div>
            </div>
            <div class="layui-form-item norline">
                <label class="layui-form-label">经度</label>
                <div class="layui-input-block" id="jd" style="line-height: 38px;">
                </div>
            </div>

            <div class="showBox" data-anim="layui-anim-downbit">
                <div class="layui-form-item fly">
                    <label class="layui-form-label">飞行高度</label>
                    <div class="layui-input-block">
                        <input id="cameraHeight" type="text" value="0" name="cameraHeight" lay-filter="cameraHeight"
                            class="layui-input" onkeyup="value=value.replace(/[^\d\.\-]/g,'')">
                    </div>
            <div class="layui-form-item norline">
                <label class="layui-form-label">纬度</label>
                <div class="layui-input-block" id="wd" style="line-height: 38px;">
                </div>
                <div class="layui-form-item fly notGod">
                    <label class="layui-form-label">飞行距离</label>
                    <div class="layui-input-block">
                        <input id="cameraDistance" type="text" value="0" name="cameraDistance"
                            lay-filter="cameraDistance" class="layui-input"
                            onkeyup="value=value.replace(/[^\d\.\-]/g,'')">
                    </div>
                </div>
                <div class="layui-form-item fly notGod">
                    <label class="layui-form-label">俯仰角</label>
                    <div class="layui-input-block">
                        <input id="pitch" type="text" value="0" name="pitch" lay-filter="pitch" class="layui-input"
                            onkeyup="value=value.replace(/[^\d\.\-]/g,'')">
                    </div>
                </div>
                <div class="layui-form-item ">
                    <label class="layui-form-label">漫游速度(m/s)</label>
                    <div class="layui-input-block">
                        <div id="flySpeed" class="flySpeed"></div>
                    </div>
                </div>
                <div class="layui-form-item norline">
                    <label class="layui-form-label">总长度</label>
                    <div class="layui-input-block" id="totalLen" style="line-height: 38px;">
                    </div>
                </div>
                <div class="layui-form-item norline">
                    <label class="layui-form-label">已漫游长度</label>
                    <div class="layui-input-block" id="distanceTraveled" style="line-height: 38px;">
                        0
                    </div>
                </div>
                <div class="layui-form-item norline">
                    <label class="layui-form-label">总时长</label>
                    <div class="layui-input-block" id="totalTime" style="line-height: 38px;">
                    </div>
                </div>
                <div class="layui-form-item norline">
                    <label class="layui-form-label">已漫游时间</label>
                    <div class="layui-input-block" id="time" style="line-height: 38px;">
                        0
                    </div>
                </div>
                <div class="layui-form-item norline">
                    <label class="layui-form-label">是否显示模型</label>
                    <div class="layui-input-block">
                        <input id="showModel" type="checkbox" lay-skin="switch" lay-filter="showModel" value="off"
                            lay-text="是|否">
                    </div>
                </div>
                <div class="layui-form-item norline">
                    <label class="layui-form-label">是否显示路线</label>
                    <div class="layui-input-block">
                        <input id="showLine" type="checkbox" lay-skin="switch" lay-filter="showLine" value="off"
                            lay-text="是|否">
                    </div>
                </div>
                <div class="layui-form-item norline">
                    <label class="layui-form-label">速度</label>
                    <div class="layui-input-block" id="sd" style="line-height: 38px;">
                        50m/s
                    </div>
                </div>
                <div class="layui-form-item norline">
                    <label class="layui-form-label">经度</label>
                    <div class="layui-input-block" id="jd" style="line-height: 38px;">
                    </div>
                </div>
            </div>

                <div class="layui-form-item norline">
                    <label class="layui-form-label">纬度</label>
                    <div class="layui-input-block" id="wd" style="line-height: 38px;">
                    </div>
            <div class="layui-form-item ">
                <label class="layui-form-label">漫游高程</label>
                <div class="layui-input-block" id="height" style="line-height: 38px;">
                </div>
            </div>
            <div class="layui-form-item ">
                <label class="layui-form-label">地面高程</label>
                <div class="layui-input-block" id="globeHeight" style="line-height: 38px;">
                </div>
            </div>

                <div class="layui-form-item norline">
                    <label class="layui-form-label">漫游高程</label>
                    <div class="layui-input-block" id="height" style="line-height: 38px;">
                    </div>
                </div>
                <div class="layui-form-item norline">
                    <label class="layui-form-label">地面高程</label>
                    <div class="layui-input-block" id="globeHeight" style="line-height: 38px;">
                    </div>
                </div>

                <div class="layui-form-item">
                    <div class="layui-progress layui-progress-big" lay-showpercent="true" lay-filter="ratio">
                        <div class="layui-progress-bar layui-bg-red" lay-percent="0%"></div>
                    </div>
            <div class="layui-form-item">
                <div class="layui-progress layui-progress-big" lay-showpercent="true" lay-filter="ratio">
                    <div class="layui-progress-bar layui-bg-red" lay-percent="0%"></div>
                </div>
            </div>
        </form>