iOS中google_maps_flutter的Polyline JointType设置不生效问题

可能的原因及修复方案 #

• 检查依赖版本
  旧版本的google_maps_flutter可能未完全支持JointType.round属性，或存在渲染bug。确保使用较新的稳定版本，在pubspec.yaml中指定后执行flutter pub get更新：

  dependencies:
    google_maps_flutter: ^2.5.0 # 或更高稳定版
  

• 确认平台支持细节
  该属性在Android和iOS平台的渲染依赖底层Maps SDK版本：

  • Android：保证设备上的Google Maps应用为最新版，同时确认项目中配置的Maps SDK版本达标。
  • iOS：检查CocoaPods拉取的Google Maps iOS SDK为最新版，且Info.plist已正确配置地图权限。

• 调整折线宽度
  若折线宽度（width）过小，圆角效果会不明显。当前设置的width=10足够，但可尝试调至15以上，验证效果是否显现。

• 排除属性冲突
  暂时注释geodesic: false属性测试，虽然两者无直接关联，但极端情况下可能存在渲染优先级问题，切换该属性值可排查是否影响圆角显示。

• 验证坐标点密度
  若routes数组中相邻坐标点距离过近，渲染引擎可能忽略圆角处理。确保坐标点间隔合理，避免过度密集。

简化测试代码 #

用以下极简代码验证圆角效果，排除业务逻辑干扰：

Polyline(
  polylineId: const PolylineId('test-round'),
  points: const [
    LatLng(37.7749, -122.4194),
    LatLng(37.7899, -122.4094),
    LatLng(37.7999, -122.4294),
  ],
  jointType: JointType.round,
  width: 15,
  color: Colors.blue,
)

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