在Mapbox GL JS中使用turf.js将可拖动点捕捉到矢量切片集线

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

var draggableMarker = new mapboxgl.Marker({
  draggable: true
}).setLngLat([lng, lat]).addTo(map);

draggableMarker.on('dragend', function() {
  var point = draggableMarker.getLngLat();
  
  // 使用turf.js的nearestPoint函数捕捉最近的线段
  var nearest = turf.nearestPoint(point, lineFeatures);
  
  // 在地图上绘制捕捉到的线段
  map.getSource('nearest-line').setData(nearest);
});

map.addSource('nearest-line', {
  type: 'geojson',
  data: {
    type: 'FeatureCollection',
    features: []
  }
});

map.addLayer({
  id: 'nearest-line',
  type: 'line',
  source: 'nearest-line',
  paint: {
    'line-color': 'red',
    'line-width': 2
  }
});