Mapbox GL - Hinzufügen von Wegbeschreibungen zur Karte

Question

Ich habe eine Mapbox-GL-Karte mit einer einzelnen Ebene und mehreren Markierungen auf dieser Ebene. Ich versuche, Route + Routeninformationen (Entfernung/Zeit/Routen vom Ausgangspunkt zum Ziel) zu zeichnen) in meiner App mit dem Directions GL Plugin. Leider kann ich keine Informationen finden, die über den Ursprung/das Ziel hinausgehen (wie unten gezeigt), um die Routen- und Routendaten auf meiner Karte anzuzeigen. Die einzige verfügbare Information, die ich finden konnte, war die, die in MapBox GL driving directions example erwähnt wird, aber das ist nicht das, was ich wirklich will, da ich den Ursprung/das Ziel nicht als A- und B-Punkte anzeigen möchte und das A/B-Punkte-Suchfeld nicht anzeigen soll das obige mapbox.com Beispiel.

Kann mir bitte jemand helfen, indem er mir sagt, was ich hier vermisse und wie ich die Route zwischen Herkunft/Ziel zeichnen kann, Routeninfo mit dem Mapbox GL Plugin anzeigen? Dank

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

Es klingt wie Sie nicht über ein Plugin überhaupt verwenden möchten und stattdessen eine Anfrage direkt an die Directions API machen.

Ich würde empfehlen, einen Blick auf mapbox-sdk-js - eine hilfreiche js lib für die Durchführung von Client-Anfragen. Die API-Dokumentation für Anweisungen kann found here lauten.