liuyg
2021-07-02 25ce610f6ecca7325e7a743dc032c4a76559c63d
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<div>
    <!-- <div id="visibleArea"> -->
    <!-- <div id='loadingbar' class="spinner">
        <div class="spinner-container container1">
            <div class="circle1"></div>
            <div class="circle2"></div>
            <div class="circle3"></div>
            <div class="circle4"></div>
        </div>
        <div class="spinner-container container2">
            <div class="circle1"></div>
            <div class="circle2"></div>
            <div class="circle3"></div>
            <div class="circle4"></div>
        </div>
        <div class="spinner-container container3">
            <div class="circle1"></div>
            <div class="circle2"></div>
            <div class="circle3"></div>
            <div class="circle4"></div>
        </div>
    </div> -->
    <div id="toolbar">
        <button type="button" id="chooseView" class="button black">绘制可视域</button>
        <button type="button" id="clear" class="button black">清除</button>
        <i class="layui-icon closes">
            &#x1006;
        </i>
    </div>
 
    <div id="wrapper" style="display:none">
        <div id="login" class="animate form">
            <span class="close" aria-hidden="true"><i class="layui-icon">
                    &#x1006;
                </i></span>
            <form id="a">
                <h1>属性编辑</h1>
                <p>
                <div>
                    <label>方向(度)</label>
                    <input type="range" id="direction" min="0" max="360" step="1.0" title="方向"
                        data-bind="value: direction, valueUpdate: 'input'">
                    <input type="text" size="5" data-bind="value: direction">
                </div>
                <div>
                    <label>翻转(度)</label>
                    <input type="range" id="pitch" min="-90" max="90" step="1.0" value="1" title="翻转"
                        data-bind="value: pitch, valueUpdate: 'input'">
                    <input type="text" size="5" data-bind="value: pitch">
                </div>
 
                <div>
                    <label>距离(米)</label>
                    <input type="range" id="distance" min="1" max="500" step="1.0" value="1" title="距离"
                        data-bind="value: distance, valueUpdate: 'input'">
                    <input type="text" size="5" data-bind="value: distance">
                </div>
 
                <div>
                    <label>水平视场角(度)</label>
                    <input type="range" id="horizonalFov" min="1" max="120" step="1" value="1" title="水平视场角"
                        data-bind="value: horizontalFov, valueUpdate: 'input'">
                    <input type="text" size="5" data-bind="value: horizontalFov">
                </div>
 
                <div>
                    <label>垂直视场角(度)</label>
                    <input type="range" id="verticalFov" min="1" max="90" step="1.0" value="1" title="垂直视场角"
                        data-bind="value: verticalFov, valueUpdate: 'input'">
                    <input type="text" size="5" data-bind="value: verticalFov">
                </div>
                </p>
                <!-- <p>
                <div class="square">
                    <label>可见区域颜色</label><input class="colorPicker"
                        data-bind="value: visibleAreaColor,valueUpdate: 'input'" id="colorPicker1" />
                </div>
                <div class="square">
                    <label>不可见区域颜色</label><input class="colorPicker"
                        data-bind="value: invisibleAreaColor,valueUpdate: 'input'" id="colorPicker2" />
                </div>
                </p> -->
                <!-- <p><label>本例中观察者附加高度:1.8 米</label></p> -->
            </form>
        </div>
    </div>
    <!-- </div> -->
</div>