自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(2)
  • 收藏
  • 关注

原创 基于离线mapbox+mqtt +vue实时展示车辆移动

首先,在部分生产场景中,我们部署的后台或者大屏是在内网环境下的,不管是部署在设备上还是部署在甲方的内网环境,这个时候,就不得不用离线地图去实现我们的需求,目前我知道的离线地图只有mapbox可以实现,类似高德地图,百度地图这些。离线地图唯一需要解决的问题就是没有style ,mapbox不同于高德地图,他的加载方式是通过npm 引入包来实现,需要联网的部分就是style(就是你在地图上看到的路面和建筑物啥的)。首先理一下思路,我们要展示的是某一个区域的车辆,他们是实时移动的(静态的物体也行,有数据的话)。

2024-04-12 17:19:21 357

原创 高德地图+wensocket+vue 多辆小车的实时移动

vue中高德地图如何结合websocket实现多辆车辆的实时移动websocket作用和准备阶段地图组件部分处理数据展示车辆轨迹大体思路:其实这一部分大家不用看,没什么卵用,不过我还是要解释一下:接下来就很重要了,说了这么多废话了,终于要分享重点了:总结websocket作用和准备阶段在我们去实现车辆的实时轨迹展示时,websocket是非常方便的,一旦建立连接便可以不间断的将车辆的数据信息传给我们。但当面临多辆汽车的数据时处理起来就会有点手忙脚乱。首先下面简单的websocket的实现。 //获取w

2020-11-24 16:48:06 3949 8

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除