Mapbox GL - добавление маршрутов к карте

Question

У меня есть карта Mapbox GL с одним слоем и несколькими маркерами на этом слое, я пытаюсь нарисовать маршрут + показать информацию маршрута (расстояние/время/маршруты, чтобы взять от начала координат до места назначения) в моем приложении, используя плагин Directions 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 - полезный js lib для создания клиентских запросов. Документация API для направлений может быть found here.