MapboxGL -如何在标记之间创建路径线作为曲线？

var map = new mapboxgl.Map({
  container: 'map',
  style: 'mapbox://styles/mapbox/streets-v11',
  center: [lng, lat],
  zoom: 12
});

var data = {
  type: 'FeatureCollection',
  features: [
    // 标记的数据
    {
      type: 'Feature',
      geometry: {
        type: 'Point',
        coordinates: [lng1, lat1]
      },
      properties: {
        title: '标记1'
      }
    },
    {
      type: 'Feature',
      geometry: {
        type: 'Point',
        coordinates: [lng2, lat2]
      },
      properties: {
        title: '标记2'
      }
    },
    // 路径线的数据
    {
      type: 'Feature',
      geometry: {
        type: 'LineString',
        coordinates: [
          [lng1, lat1],
          [lng2, lat2]
        ]
      }
    }
  ]
};

map.on('load', function() {
  // 添加源
  map.addSource('my-data', {
    type: 'geojson',
    data: data
  });

  // 添加标记图层
  map.addLayer({
    id: 'markers',
    type: 'symbol',
    source: 'my-data',
    layout: {
      'icon-image': 'marker-15', // 使用自定义的标记图标
      'text-field': '{title}',
      'text-offset': [0, 0.6],
      'text-anchor': 'top'
    },
    paint: {
      'text-color': '#ffffff'
    }
  });

  // 添加路径线图层
  map.addLayer({
    id: 'lines',
    type: 'line',
    source: 'my-data',
    layout: {
      'line-join': 'round',
      'line-cap': 'round'
    },
    paint: {
      'line-color': '#888888',
      'line-width': 2
    },
    filter: ['==', '$type', 'LineString'] // 过滤只显示LineString类型的要素
  });
});