Flutter中如何显示交通感知折线？Google Routes API调用遇问题求助

一、Google Preferred Route API未返回speedReadingIntervals的可能原因及解决方法 #

• 未正确设置请求掩码：必须在请求体的requestedMask中明确指定TRAFFIC_READING_INTERVALS，示例请求可能默认没包含这个字段。检查你的请求体，确保requestedMask包含该值，比如：

  "requestedMask": "TRAFFIC_READING_INTERVALS,ROUTES"
  

• 路线无可用交通数据：部分区域、时段或出行模式（如步行/骑行）可能没有交通数据，尝试切换到驾车模式，或选择交通繁忙的城市路线测试。
• API权限/配额问题：确认你的Google Cloud账号已启用Preferred Routes API，且API密钥有足够配额、未被限制。
• 请求参数不匹配要求：检查travelMode是否为支持交通数据的类型（如DRIVE），同时确保出发/终点坐标位于有交通覆盖的区域。

二、Flutter中在折线上显示交通状况的替代方案 #

• Google Maps Flutter结合Roads/Traffic API：使用google_maps_flutter插件加载地图，调用Google Roads API的Snap to Roads功能将折线匹配到道路，再通过Traffic API获取路段实时交通数据，最后用不同颜色绘制分段折线。
• 第三方地图SDK：集成高德地图或百度地图的Flutter插件，这类SDK自带交通图层和路线交通渲染功能，无需手动处理分段着色逻辑。
• 自定义分段渲染：获取路线的polyline坐标集合，拆分路段后调用交通数据接口，根据返回的拥堵级别（畅通/缓行/拥堵）为每段折线设置对应颜色，通过Polyline组件分段绘制实现效果。

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