EasyGBS如何实现设备定位经纬度的展现?

几个月前,我们在EasyGBS的新版本中加入了设备定位功能,使用了百度地图循环渲染定位和点击定位的图片,在后端上实现了定位功能后,结果需要反馈到前端显示,即具体展现出设备的经纬度,我们将经纬度一栏放在了设备管理当中显示。

image.png

设备管理获取的列表分为经度和纬度,而后端获取的经纬度数据有两个,一个是GbsLatitude/GbsLongitude,一个是Latitude/Longitude,我们编辑需要采用GbsLatitude/GbsLongitude的经纬度数据,Latitude/Longitude数据暂不做使用。

image.png

我们在该功能中需要实现的效果是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数据显示正常,最终效果就如我们本文开头显示正常了。

image.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值