Mapbox GL - 向地图添加方向

Question

我有一个 Mapbox GL 地图，该地图只有一个图层，该图层上有多个标记，我正在尝试在我的应用程序中使用方向 GL 插件。不幸的是，除了设置起点/目的地（如下所示）以便在我的地图上显示路线+路线数据之外，我找不到任何信息。我能找到的唯一可用信息是 MapBox GL driving directions example 中提到的信息，但这不是我真正想要的，因为我不想将起点/目的地显示为 A 点和 B 点，也不想显示 A/B 点上面 mapbox.com 示例中的搜索框。

有人可以帮助我告诉我我在这里遗漏了什么以及如何绘制起点/终点之间的路线，使用 Mapbox GL 插件显示路线信息吗？谢谢

  var map = new mapboxgl.Map({
    container: 'map',
    style: 'mapbox://styles/mapbox/streets-v8', 
    center: [userCoordinates.coords.longitude, userCoordinates.coords.latitude],
    zoom: 15
  });


  var directions = new mapboxgl.Directions({
    unit: 'metric',
    profile: 'driving'        
  });



  directions.setOrigin([userCoordinates.coords.longitude, userCoordinates.coords.latitude]);


  map.on('click', function(e) {

    var features = map.queryRenderedFeatures(e.point, { layers: ['gsLayer'] });
    if (!features.length) {
      return;
    }
    var feature = features[0];

    directions.setDestination([feature.geometry.coordinates[0], feature.geometry.coordinates[1]]);

  });

Answer 1

听起来您根本不想使用插件，而是直接向 Directions API 发出请求。

我建议您看看 mapbox-sdk-js - a helpful js lib for making client requests. The API docs for directions can be found here。

Mapbox GL - 向地图添加方向

Mapbox GL - adding directions to the map

mapbox

mapbox-gl