Kotlin结合MapBox开发跑步APP：如何绘制运动路径并统计运动距离

两类需求均可落地实现，和你已掌握的A-B导航路径实现逻辑差异较大，无需依赖导航类接口能力，基于你已经打通的实时位置追踪能力即可完成开发。

实时动态运动轨迹绘制 #

轨迹绘制的核心是基于实时收集的用户位置点动态更新地图图层，无需预先生成完整路径，实现步骤如下：

• 地图样式加载完成后，提前初始化轨迹渲染的专属数据源与图层：

  // 在地图onStyleLoad回调中完成基础配置
  mapboxMap.getStyle { style ->
      // 初始化空的GeoJson数据源，用于存储轨迹点集
      val trackSource = GeoJsonSource("track_data_source")
      style.addSource(trackSource)
      // 配置轨迹线的样式
      val trackLineLayer = LineLayer("track_render_layer", "track_data_source").apply {
          lineColor(ColorUtils.colorToRgbaString(Color.parseColor("#2196F3")))
          lineWidth(6.0)
          lineCap(LineCap.ROUND)
          lineJoin(LineJoin.ROUND)
      }
      // 将轨迹图层放置在起点标记图层下方，避免遮挡标记元素
      style.addLayerAbove(trackLineLayer, "starting_marker_layer_id")
      // 缓存数据源引用，供后续实时更新调用
      this.trackSource = trackSource
  }
  

• 维护全局的轨迹点列表，每次实时位置回调触发时，将新的有效位置点追加到列表中
• 每次点集更新后，调用trackSource.setGeoJson(LineString.fromLngLats(trackPointList))触发地图重绘，即可实现“边移动边绘制路径”的效果
• 用户点击“停止”按钮时无需额外处理：因为轨迹是逐点实时渲染的，停止操作触发时地图已展示当前收集到的完整路径
• 优化建议：增加最小位移过滤规则，当新位置点与上一个已录入的轨迹点直线距离小于2米时，不做追加与重绘操作，减少定位漂移带来的轨迹扭曲与无意义的图层刷新。

累计运动距离统计 #

距离统计无需调用第三方路径匹配接口，基于已收集的轨迹点列表即可完成计算：

• 计算逻辑为所有相邻轨迹点的直线距离累加求和，直接使用MapBox内置的距离计算工具即可，无需自行实现球面距离换算

  // 新位置点录入时同步计算累计里程
  fun insertTrackPoint(newPoint: Point) {
      if (trackPointList.isNotEmpty()) {
          val lastRecordedPoint = trackPointList.last()
          // 工具方法返回的距离单位为米
          val segmentMeters = DistanceUtils.getDistance(lastRecordedPoint, newPoint)
          totalRunningDistance += segmentMeters
      }
      trackPointList.add(newPoint)
      // 触发轨迹渲染更新
      trackSource?.setGeoJson(LineString.fromLngLats(trackPointList))
  }
  

• 精度优化：过滤掉水平定位精度大于20米的回调点，避免定位漂移导致的里程虚高。

两类需求与导航场景的核心差异：你之前实现的A-B导航路径是路径规划接口返回的预定义静态路线，而运动轨迹是基于用户实时位置生成的动态连线，不需要对接路径规划类接口，实现复杂度更低。

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