74 lines
2.8 KiB
JavaScript
74 lines
2.8 KiB
JavaScript
function html() {
|
|
return `
|
|
<span class="custom-divider"></span>
|
|
<div class="div-item">
|
|
<div class="row">
|
|
<div class="col">
|
|
<span class="label">位置拾取(起点、终点)</span>
|
|
<button class="edit"><svg class="icon-edit"><use xlink:href="#yj-icon-edit"></use></svg>拾取</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<span class="custom-divider"></span>
|
|
<div class="div-item">
|
|
<div class="row subtitle-box">
|
|
<span class="subtitle">视域夹角</span>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="range-box">
|
|
<div class="range-bg">
|
|
<div class="range-process-box">
|
|
<div class="range-process"></div>
|
|
</div>
|
|
</div>
|
|
<div class="range-node-box">
|
|
<span class="range-node-text">0°</span>
|
|
<span class="range-node-text">45°</span>
|
|
<span class="range-node-text">90°</span>
|
|
<span class="range-node-text">135°</span>
|
|
<span class="range-node-text">180°</span>
|
|
<div class="range-node-active"><span class="range-node-active-text">0°</span></div>
|
|
</div>
|
|
<input type="range" max="180" min="0" step="1" name="horizontalViewAngle">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<span class="custom-divider"></span>
|
|
<div class="div-item">
|
|
<div class="row">
|
|
<div class="col">
|
|
<span class="label">经度:</span>
|
|
<span class="text-number" name="lng"></span>
|
|
</div>
|
|
<div class="col">
|
|
<span class="label">偏航角:</span>
|
|
<span class="text-number" name="viewHeading"></span>
|
|
<span class="unit">°</span>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<span class="label">纬度:</span>
|
|
<span class="text-number" name="lat"></span>
|
|
</div>
|
|
<div class="col">
|
|
<span class="label">俯仰角:</span>
|
|
<span class="text-number" name="viewPitch"></span>
|
|
<span class="unit">°</span>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<span class="label">高度:</span>
|
|
<span class="text-number" name="alt"></span>
|
|
<span class="unit text-number" style="margin-left: 5px;">m</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<span class="custom-divider"></span>
|
|
`
|
|
}
|
|
|
|
export { html } |