优化显示效果,更新地图显示功能,新增配置项
This commit is contained in:
@@ -3,16 +3,16 @@
|
||||
<TheHeader title="卫星信号监控平台" />
|
||||
|
||||
<div class="main-content flex-1 grid grid-cols-2 grid-rows-2">
|
||||
<div>
|
||||
<div class="w-11/12 justify-self-end">
|
||||
<SNRView ref="BDSNRView" color="rgb(0,204,255)" title="北斗" />
|
||||
</div>
|
||||
<div>
|
||||
<div class="w-11/12 justify-self-start">
|
||||
<SNRView ref="GPSNRView" color="rgb(255,255,0)" title="GPS" />
|
||||
</div>
|
||||
<div>
|
||||
<div class="w-11/12 justify-self-end">
|
||||
<SNRView ref="GLSNRView" color="rgb(102,0,255)" title="GLONASS" />
|
||||
</div>
|
||||
<div>
|
||||
<div class="w-11/12 justify-self-start">
|
||||
<SNRView ref="GASNRView" color="rgb(0,204,102)" title="Galileo" />
|
||||
</div>
|
||||
</div>
|
||||
@@ -36,12 +36,16 @@ const update = (nmeaStr: string) => {
|
||||
if (!data) return
|
||||
|
||||
const { bd, gp, gl, ga } = data
|
||||
|
||||
const bd_gp_satellite_count = getSatelliteCount(bd.GSVArr)>getSatelliteCount(gp.GSVArr)?getSatelliteCount(bd.GSVArr):getSatelliteCount(gp.GSVArr)
|
||||
const gl_ga_satellite_count = getSatelliteCount(gl.GSVArr)>getSatelliteCount(ga.GSVArr)?getSatelliteCount(gl.GSVArr):getSatelliteCount(ga.GSVArr)
|
||||
const lineMax=bd_gp_satellite_count>gl_ga_satellite_count?bd_gp_satellite_count:gl_ga_satellite_count
|
||||
|
||||
// TODO: 找到bdgsv语句有7条的原因以及gsa语句配置talker_id为各个卫星导航系统自己的名字
|
||||
BDSNRView.value.update(bd.GSVArr, bd.GSAArr)
|
||||
GPSNRView.value.update(gp.GSVArr, gp.GSAArr)
|
||||
GLSNRView.value.update(gl.GSVArr, gl.GSAArr)
|
||||
GASNRView.value.update(ga.GSVArr, ga.GSAArr)
|
||||
BDSNRView.value.update(bd.GSVArr, bd.GSAArr, lineMax)
|
||||
GPSNRView.value.update(gp.GSVArr, gp.GSAArr, lineMax)
|
||||
GLSNRView.value.update(gl.GSVArr, gl.GSAArr, lineMax)
|
||||
GASNRView.value.update(ga.GSVArr, ga.GSAArr, lineMax)
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
@@ -52,6 +56,16 @@ onMounted(() => {
|
||||
}
|
||||
})
|
||||
|
||||
const getSatelliteCount = (GSVArr: Array<any>) => {
|
||||
if (!GSVArr) return
|
||||
|
||||
const count = GSVArr.reduce((total, gsv) => {
|
||||
return total + gsv.satellites.length
|
||||
}, 0)
|
||||
|
||||
return count
|
||||
}
|
||||
|
||||
const getMonitoringData = (nmeaStr: string) => {
|
||||
const nmeaObj: any = getNMEAObj(nmeaStr)
|
||||
console.log(nmeaObj, '================')
|
||||
@@ -59,8 +73,13 @@ const getMonitoringData = (nmeaStr: string) => {
|
||||
|
||||
const { GSV, GSA } = nmeaObj
|
||||
const bd = {
|
||||
GSVArr: GSV.filter((gsv: any) => gsv.talker_id === 'BD'),
|
||||
GSAArr: GSA.filter((gsa: any) => gsa.talker_id === 'BD')
|
||||
// NMEA 1083 3.x $BDGSV,...*
|
||||
// NMEA 1083 4.0x $GBGSV,...*
|
||||
// NMEA 1083 4.1x $GBGSV,...,1* | $GBGSV,...,0*
|
||||
// GSVArr: GSV.filter((gsv: any) => gsv.talker_id === 'BD'),
|
||||
// GSAArr: GSA.filter((gsa: any) => gsa.talker_id === 'BD')
|
||||
GSVArr: GSV.filter((gsv: any) => gsv.talker_id === 'GB'),
|
||||
GSAArr: GSA.filter((gsa: any) => gsa.talker_id === 'GB')
|
||||
}
|
||||
const gp = {
|
||||
GSVArr: GSV.filter((gsv: any) => gsv.talker_id === 'GP'),
|
||||
|
||||
Reference in New Issue
Block a user