随笔 - 936  文章 - 0  评论 - 3  阅读 - 30万

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数据显示正常,最终效果就如我们本文开头显示正常了。

 

posted on   EasyGBS  阅读(134)  评论(0编辑  收藏  举报
编辑推荐:
· 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端口开错问题介绍及处理方案
< 2025年3月 >
23 24 25 26 27 28 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 1 2 3 4 5

点击右上角即可分享
微信分享提示