youhua

少年

2024-01-23 02c92ac5456a4ee28d5755173a3efa8e7d5ddff1

youhua

 src/components/sideMenu/roamPanel/roamPanel.vue

@@ -115,7 +115,7 @@
          type: 2,
          title: result.name,
          shade: false,
          area: ["100%", "220px"],
          area: ["100%", "200px"],
          offset: "r",
          skin: "other-class",
          content: SmartEarthRootUrl + "Workers/path/Path.html",

 src/utils/map.js

@@ -615,10 +615,11 @@
            }
            let nPickFeature = sgworld.Viewer.scene.pick(event.position);
            console.log(nPickFeature);
            if (nPickFeature == undefined) {
                window.flyPoint && Viewer.entities.remove(window.flyPoint);
                window.flyPoint = undefined;
            }
            
            // if (nPickFeature == undefined) {
            //     window.flyPoint && Viewer.entities.remove(window.flyPoint);
            //     window.flyPoint = undefined;
            // }
            // console.log(event.position);//屏幕位置
            if (!nPickFeature || !nPickFeature.id) {
                return

 static/SmartEarthSDK/Workers/path/Path.html

@@ -20,7 +20,7 @@

        .layui-prop::-webkit-scrollbar {
            /*滚动条整体样式*/
            width: 8px;
            width: 3px;
            /*高宽分别对应横竖滚动条的尺寸*/
            height: 8px;
            scrollbar-arrow-color: red;
@@ -42,20 +42,14 @@
        }

        form {
            /* width: 95%; */
            width: 97%;
            position: absolute;
            bottom: 8px;
            /* margin-top: 40px; */
            width: 95%;
            margin: auto;
        }

        html {
            overflow: hidden;
        }

        .layui-form-item {
            /* width: 313px !important; */
        }

        .layui-input {
            background-color: #fff !important;
@@ -64,7 +58,8 @@
        }

        .layui-form-label {
            width: 96px !important;
            width: auto !important;
            text-align: left;
        }

        .layui-input-block {
@@ -86,7 +81,7 @@
        }

        .layui-form-item {
            border: 1px dashed rgba(0, 0, 0, 0.1);
            /* border: 1px solid #fff; */
            padding: 4px;
            margin-bottom: 0px !important;
            border-bottom: none;
@@ -108,10 +103,11 @@

        .bnt-box {
            /* text-align: center; */
            height: 60px;
            height: 80px;
            display: flex;
            justify-content: space-around;
            justify-content: space-between;
            align-items: center;
            padding: 0px 20px;
        }

        .bnt-box button {
@@ -157,100 +153,110 @@
                    </select>
                </div>
            </div>
            <div class="layui-form-item norline 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 norline 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 norline 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 norline">
                <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 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>

            <div class="layui-form-item norline">
                <label class="layui-form-label">纬度</label>
                <div class="layui-input-block" id="wd" style="line-height: 38px;">
            <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>
            </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 class="layui-form-item norline">
                <label class="layui-form-label">漫游高程</label>
                <div class="layui-input-block" id="height" style="line-height: 38px;">
                <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>
            </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 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>
            <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 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>
            </div>
        </form>
@@ -267,6 +273,9 @@
        var url = parent.SmartEarthRootUrl + "Workers/Model/xiaoche.gltf";
        $('#start').hide();
        $('#stop').show();
        $('#dropUp').hide();
        $('.showBox').hide();

        var form, element, slider;
        var ratio = 0;
        layui.use(['form', 'element', 'slider'], function () {
@@ -389,7 +398,7 @@
                    $('#stop').hide();
                    break;
                case 'exit':
                    parent.roamDetail.roaming = false;
                    // parent.roamDetail.roaming = false;
                    parent.layer.close(parent.PathAnimationData.winIndex);
                    break;
            }
@@ -471,6 +480,20 @@
            }
            return dis;
        }


        $('#dropDown').click(function () {
            $('#dropDown').hide();
            // $('#dropUp').show();
            $('.showBox').show();
        })

        // $('#dropUp').click(function () {
        //     $('#dropUp').hide();
        //     $('#dropDown').show();
        //     $('.showBox').hide();

        // })
    </script>
</body>