Как использовать вывод Mapbox Mapmatching API с mapbox-gl-js?

Я новичок в этом, действительно нуждаюсь в руководстве,

Я понимаю, что с помощью Mapbox Map Matching API я получу необработанный вывод правильного местоположения, но чего я не понимаю, как я могу использовать вывод API сопоставления карт mapbox с mapbox-gl-js для создания правильной карты?

Нужно ли мне использовать для этого mapbox-match-js? если да, как передать geo json?

https://github.com/mapbox/mapbox-match.js/tree/master

L.mapbox.mapmatching(geojson, options, function (error, layer) {
    layer.addTo(map);
    layer.setStyle({
        color: '#9a0202',
        weight: 4,
        opacity: 0.8
    });
});

здесь есть демонстрационный html, но исходный вывод отличается от вывода API сопоставления карт,

Может ли кто-нибудь помочь мне с этим?

Спасибо за вашу помощь.


mapbox mapbox-gl-js mapbox-gl
person alammd    schedule 24.07.2018    source источник
comment
Привет, кто-нибудь может мне помочь с этим? Я просто хотел знать, как мне использовать mapbox mapmatch API с mapbox.GL Пожалуйста, дайте мне немного света   -  person alammd    schedule 02.08.2018

Ответы (1)


arrow_upward
0
arrow_downward

У меня была такая же проблема, и вот мое решение:

1) Добавьте <script src="https://unpkg.com/[email protected]/dist/mapbox-sdk.js"></script> в мой index.html файл.

2) Используйте mapbox.matching:

var mapboxClient = new MapboxClient(mapboxgl.accessToken);
mapboxClient.matching(
// dataToAddLine: array like:  
// [
//    [13.418805122375488, 52.50059890747071],
//    [13.419144630432129, 52.50109481811523]
// ]
  dataToAddLine.features[0].geometry.coordinates
  , function(err, res) {
 // do something with res
   console.log(res);
  }

)

Вы можете проверить координаты res здесь: geojson

Надеюсь, это решение вам тоже поможет.

person Silvia    schedule 29.08.2018