EasyGBS如何实现设备定位经纬度的展现?
几个月前,我们在EasyGBS的新版本中加入了设备定位功能,使用了百度地图循环渲染定位和点击定位的图片,在后端上实现了定位功能后,结果需要反馈到前端显示,即具体展现出设备的经纬度,我们将经纬度一栏放在了设备管理当中显示。
设备管理获取的列表分为经度和纬度,而后端获取的经纬度数据有两个,一个是GbsLatitude/GbsLongitude,一个是Latitude/Longitude,我们编辑需要采用GbsLatitude/GbsLongitude的经纬度数据,Latitude/Longitude数据暂不做使用。
我们在该功能中需要实现的效果是Latitude/Longitude经纬度数据为0的话,则优先展示GbsLatitude/GbsLongitude经纬度数据,并以该数据为准定位设备的具体位置。
解决方法是表格内使用templlate,进行三目运算判断,参考代码如下:
<el-table-column label="经度"
min-width="120">
<template slot-scope="props">
<div>
{{props.row.Longitude > 0 ? props.row.Longitude : props.row.GbsLongitude}}
</div>
</template>
</el-table-column>
<el-table-column label="纬度"
min-width="120">
<template slot-scope="props">
<div>
{{props.row.Latitude > 0 ? props.row.Latitude : props.row.GbsLatitude}}
</div>
</template>
</el-table-column>
此时我们可以看到GbsLatitude/GbsLongitude数据显示正常,最终效果就如我们本文开头显示正常了。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 提示词工程——AI应用必不可少的技术
· 字符编码:从基础到乱码解决
· 地球OL攻略 —— 某应届生求职总结
2020-09-23 【技术普及】国标GB28181协议内SIP监控域互联结构解释
2020-09-23 【协议普及】国标平台EasyGBS完成国标GB28181协议中校时命令的流程
2020-09-23 语音对讲功能在GB28181协议国标视频云服务EasyGBS中的项目应用
2020-09-23 国标GB28181协议流媒体视频平台EasyGBS告警信息和告警视频如何实现对应?
2020-09-23 IP摄像头国标GB28181协议视频平台EasyGBS端口开错问题介绍及处理方案