События в Mapbox-gl-направлениях не срабатывают

Question

Я пытаюсь вычислить простой маршрут между двумя маркерами в mapbox-gl-directions. Я хочу использовать событие .on('route'), но он никогда не срабатывает. Я попытался перестроить пример, показанный в docs, но без успеха. Я сделал следующее:

var map = new mapboxgl.Map({ 
    container: 'map', 
    style: 'mapbox://styles/mapbox/streets-v8' 
}); 


var directions = new mapboxgl.Directions({ 
    unit: 'metric', // Use the metric system to display distances. 
    profile: 'driving', // Set the initial profile to walking. 
    container: 'directions' // Specify an element thats not the map container. 
}); 


map.on('load', function() { 
    directions.setOrigin([77.5045504332, 13.0386169339]); // On load, set the origin to "Toronto, Ontario". 
    directions.setDestination([77.5075504332, 13.0386169339]); // On load, set the destination to "Montreal, Quebec". 
}); 


directions.on('route', function(e) { 
    alert("FIRE!") 
}); 

Почему нет этого события? Вот JS FIDDLE тоже.

Answer 1

Мне удалось получить код для запуска в JS Fiddle, который вы предоставили, обновив внешние ссылки ресурсов, чтобы использовать самую последнюю версию библиотек Mapbox GL и Mapbox GL Directions. Это означало, что Mapbox GL JS изменен на v0.26.0 и v1.0.0 плагина Directions изменен на v2.2.0.

<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.26.0/mapbox-gl.js'></script> 
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.26.0/mapbox-gl.css' rel='stylesheet' /> 

<script src='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-directions/v2.2.0/mapbox-gl-directions.js'></script> 
<link rel='stylesheet' href='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-directions/v2.2.0/mapbox-gl-directions.css' type='text/css' /> 

Это выглядит как пример, который вы нашли в docs не был обновлен, так как он был опубликован в декабре 2015 года; here's a link к примеру, который более поздний и использует правильную версию обеих библиотек. Наконец, я могу удалить внешние ссылки на Mapbox.js, поскольку они не нужны при использовании Mapbox GL JS. Удачи!