leaflet绘制实时航线性能问题

namehao465 2019-08-26 03:41:10

各位大佬好，近期项目中需要通过udp接收飞行器现有坐标（30ms获取一次的频率），在地图上绘制出飞行器的实时路径，现在的实现方式是创建L.polyline对象，每接收到一个新的坐标，用polyline的addLatlng方法添加坐标，不过系统运行二十分钟后就会卡死，是不是因为L.polyline的latlng数据过多的原因，数组长度大概在30000+的时候就出现卡顿问题？各位大佬有没有比较好的解决方案，万分感谢？

...全文

445 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

mhpml 2021-12-13

打赏
举报

回复

用画布

时间煮雨_MML的代码小世界 2021-10-29

打赏
举报

回复

请问您解决了嘛，我也遇到过一样的问题了，求教

在当今的船舶管理领域，效率和准确性是至关重要的。我们最新推出的船舶管理页面通过集成Leaflet.js库，提供了一个直观、功能丰富的解决方案。该页面集成了多种功能，包括： 1.地图标记：用户可以轻松添加、编辑和删除地图上的标记点，每个标记都与特定的船舶信息相关联。 2.路线绘制：通过Leaflet.js的强大功能，用户能够规划和展示船舶的航行路线，支持自定义路线样式，包括颜色和宽度。 3.区域绘制：管理员可以在地图上绘制特定的区域，如禁航区或捕鱼区，并设置相应的属性。 4.动态显隐功能：用户可以控制地图上不同元素的显示和隐藏，如根据船舶状态或用户权限动态调整可见性。 5.实时更新与交互：页面提供实时数据更新，确保信息的准确性，并允许用户与地图元素进行交互，如点击查看更多船舶详情。 6.响应式设计：无论用户使用的是桌面还是移动设备，页面都能提供一致的用户体验。 7.定制化开发：我们的船舶管理页面支持定制化开发，以满足不同客户的特殊需求。通过这些功能的结合，我们的船舶管理页面不仅提高了管理效率，还增强了决策支持的能力。管理员可以更有效地监控船舶动态，优化资源分配，同时确保航行安全。

leaflet路径动态效果，汽车，火车轨道，飞机航线都能使用。

传单海上路线一个小叶插件，用于使用和在两个给定点之间绘制海上路线。代码示例 // Define coordinates var source = [ 0 , 0 ] ; var destination = [ - 37 , 37 ] ; // Get visuals or the array of the path var curve = L . pathCurve ( source , destination ) ; var path = L . route ( source , destination ) ; // Add to map curve . addTo ( map ) ; 例子为（-5，67）=>（58，-27）绘制的路线：

涵盖了关于leafle文章中的所以内容demo 希望对大家学习leaflet有一定帮助 1. 绘制点位 2.绘制线面 3.卷帘 4.分屏功能 5.点线面计算 6.航线回放 7.聚合

leaflet-推荐，开源地图。

87,997

社区成员

224,708

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章