Google Maps下无人机实时航迹及米级宽度LED轨迹高亮性能优化问询

核心逻辑 #

你的卡顿问题本质是单个Circle为独立渲染图层，数百个Circle叠加后GPU渲染压力飙升。最优方案是替换为单图层的Polyline实现，通过动态换算解决「Polyline像素单位无法匹配米级宽度」的问题，再配合点抽稀进一步降低性能消耗：

• 利用地图缩放级别、当前纬度对应的地面分辨率，实时把要求的米级轨迹宽度换算为Polyline需要的像素宽度，动态更新即可保证不同缩放、不同位置下的轨迹宽度都符合实际米数要求
• 用道格拉斯-普克（Douglas-Peucker）算法对每秒10个的原始位置点做抽稀，由于你大部分路径为直线，仅航点附近转弯，抽稀后点的数量可减少90%以上，同时完整保留轨迹特征

Flutter 端实现步骤 #

1. 米级宽度转像素宽度换算 #

采用WGS84坐标系下的地面分辨率公式计算即可，公式如下：

地面分辨率（米/像素） = cos(当前中心点纬度 * π / 180) * 2 * π * 6378137 / (256 * pow(2, 当前缩放级别))

所需Polyline像素宽度 = 要求的LED轨迹宽度（米） / 地面分辨率（米/像素）

注意必须每次监听地图onCameraMove回调时，用当前相机中心点的纬度重新计算，避免不同纬度、缩放级别下的宽度误差

2. 轨迹点抽稀优化 #

• 无需存储每秒10个的全量点位，每累计50~100个点位就做一次抽稀，抽稀阈值设为1米即可，既保留转弯特征又大幅压缩点数量，6km全路径抽稀后点位通常不超过200个
• 新增点位时可先做前置判断：如果和上一个点位的距离<1米、且两点连线和上一段轨迹的夹角<5度，直接合并不存入轨迹列表，进一步减少无效点

3. 效果与性能优化 #

• 将Polyline的jointType设置为ROUND，转弯处会呈现圆角效果，和原Circle实现的视觉效果一致
• 若不需要展示全量历史LED轨迹，仅保留最近N个点组成的线段即可，超出距离的点位自动移除
• 全量轨迹场景可做分段渲染，仅渲染当前相机视野范围内的轨迹段，视野外的段暂时不加载

原生Android端参考实现 #

逻辑和Flutter侧完全一致，可直接复用Google Maps Android SDK的原生能力：

• 注册OnCameraMoveListener监听相机状态变化，每次回调时重新计算米转像素系数，调用polyline.setWidth()更新宽度即可
• 不需要自己实现抽稀算法，直接用Google Maps Utility Library的GeometryUtil.simplify()方法即可完成点位抽稀
• 开启Polyline的geodesic属性为true，保证长距离轨迹贴合地球曲面，宽度计算更精准

内容的提问来源于stack exchange，提问作者Fernando Santos