/* eslint-disable no-undef */
|
"use script" //开发环境建议开启严格模式
|
|
$(document).ready(function () {
|
let inhtml = `
|
<div class="infoview rightbottom" style="min-width: 200px">
|
<table class="mp_table">
|
<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 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>
|
</div> `
|
$("body").append(inhtml)
|
})
|
|
//面板显示相关信息
|
eventTarget.on("roamLineChange", (roamLineData) => {
|
//显示基本信息，名称、总长、总时间
|
let val = Math.ceil((roamLineData.second * 100) / roamLineData.second_all)
|
if (val < 1) {
|
val = 1
|
}
|
if (val > 100) {
|
val = 100
|
}
|
|
$("#td_alltimes").html(mars3d.Util.formatTime(roamLineData.second_all))
|
$("#td_alllength").html(mars3d.MeasureUtil.formatDistance(roamLineData.distance_all))
|
|
$(".progress-bar")
|
.css("width", val + "%")
|
.attr("aria-valuenow", val)
|
.html(val + "%")
|
|
$("#td_jd").html(roamLineData.point?.lng)
|
$("#td_wd").html(roamLineData.point?.lat)
|
$("#td_gd").html(mars3d.MeasureUtil.formatDistance(roamLineData.point?.alt))
|
|
$("#td_times").html(mars3d.Util.formatTime(roamLineData.second))
|
$("#td_length").html(mars3d.MeasureUtil.formatDistance(roamLineData.distance) || "0米")
|
})
|
