Mapbox GL - haritaya yol tarifi ekleme

Question

Tek bir katman ve bu katman üzerinde birden çok işaretleyici içeren bir Mapbox GL haritasına sahibim, rota + rota bilgilerini göstermeye çalışıyorum (varış noktasından hedefe gitmek için mesafe/zaman/yol)) benim app Yol Tarifi GL eklentisini kullanarak. Harita üzerinde rota + rota verilerini görüntülemek için maalesef menşei/hedefi (aşağıda gösterildiği gibi) ayarlamanın ötesinde hiçbir bilgi bulamıyorum. Bulabildiğim tek bilgi, MapBox GL driving directions example'da belirtilmişti, ancak asıl/hedef olarak A ve B noktalarını göstermek istemediğimden değil, A/B noktaları gibi Yukarıdaki mapbox.com örneği.

Birisi bana burada neleri kaçırdığımı ve nedenleri/hedefi, Mapbox GL eklentisini kullanarak rota bilgilerini gösterme yolunu nasıl çizebileceğimi söyleyerek yardımcı olabilir mi? Eğer hiç bir eklenti kullanmak yerine Directions API doğrudan bir istek yapmak istemiyormuş gibi teşekkürler

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

geliyor.

İstemci istekleri için yararlı bir js lib dosyası olan mapbox-sdk-js'a göz atmanızı öneririz. Yönergeler için API dokümanları found here olabilir.